Hi,
I am trying to figure out how to centre everything on my product page. I have managed to sort the price but I am struggling to find a solution to the ‘tax included’, ‘loox stars’ and ‘quantity selector’.
If anyone could help with what code to enter to sort this that would be great! I am using the Dawn 2.0 theme.
To center the “tax included” and “quantity selector” on your product page, you can add the following CSS code to your theme:
css
.product-single__meta { text-align: center; }
This will center the “tax included” message and the “quantity selector” on the product page.
To center the “Loox stars” review section, you can add the following CSS code to your theme:
css
.loox-rating { margin: 0 auto; display: table; }
This will center the “Loox stars” review section on the product page.
You can add these CSS styles to your theme by following these steps:
Hi @wattsga ,
It’s the GemPages Support Team and we are glad to assist you today!
Could you please share your store URL ( with the password if your store password is enabled ) then I can see and suggest something for you?
Best regards,
GemPages Support Team
Hi,
Thank you for your reply but unfortunately I can’t seem to find the theme.scss.liquid file under Assets. Is this definitely there when using the Dawn theme?
in search section write css and you will see all the CSS file , look for theme.css or style.css ,. name maybe different according to theme so you have to check that
I have found base css which I have used to add a few other things. I have added the code and the loox stars are now central so thank you. Unfortunately the “tax included” and ‘quantity selector’ are still to the left. Please let me know if I need to make any more adjustments to the code.
PM me your store URL
