A user seeks to create a full-width background for an h3 “Customer Reviews” heading on their product page, referencing a design example from another site.
Solution provided:
margin-left: -100vw; margin-right: -100vw;) and padding to extend the background across the full viewport widthFollow-up adjustment:
display: flex;, align-items: center;, and justify-content: center; for proper vertical centeringStatus: Resolved. The user confirmed the final code works perfectly.
Note: A third-party app suggestion was mentioned but the user preferred a code-based solution without apps.
Trying to add a customer reviews section to product page:
I would like the background of the title to go the full-width of the screen, whichever device a customer is on
###
Customer Reviews
I’d like it to look more like the reviews on this product page:
https://www.vax.co.uk/carpet-cleaners-and-washers/vax-platinum-power-max-pet-design-carpet-cleaner
Please update your code to this and check again
###
Customer Reviews
This can also be done with the use of a third-party app. I found a couple that you can check out:
CAN YOU HELP ME WITH THE CODE WIHOUT APP?
I have added the code and it’s great. I have added height of 120px and would like the text to be vertically aligned:
###
Customer Reviews
Please update code
###
Customer Reviews
That’s perfect thanks Dan
You are most welcome!