Hello. In my Dawn Theme, with help on here, I was able to center the word ‘Product’ on my home page for the featured collection section, and this also worked to center the word Product on the actual Product page. However, doing so also centered the title of each product when an individual product is opened. Here is the 2 codes I added to base.css to center my page titles.
.main-page-title {
text-align: center;
}
.collection-hero__title, .product__title {text-align: center;}
.title-wrapper-with-link {justify-content: center;}
I tried replacing each of the words center as left but to no avail as all the text is affected at once. Anyone know how to adjust so that the Page and Section titles remain centered but to left align the product name for each individual product?
2 Likes
Hi @TheBurpBoss ,
Please share your store URL and if your store is password protected then please provide password too.
So that we can help you.
Thank you.
Hi @TheBurpBoss ,
You can try add more section[id*=“featured_collection”] in css:
section[id*="featured_collection"] .title-wrapper-with-link {justify-content: center;}
Hope it can help you
If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.
Hi @AvadaCommerce , I pasted the code you provided in the bottom of the base.css file. It appears it left aligned the product title text itself, but the entire title is still center aligned relative to the other elements (vendor, price, shipping, quantity, etc. I added a screenshot below in .pptx. Is this being affected due to one of the two codes I put in base.css above in my original post? Kind thanks for your continued support. You have helped me on several postings and we greatly appreciate it!