Shopify themes, liquid, logos, and UX
Hello everyone,
How do I make Featured products and the subheading below it display in the center?
I have tried editing the css and code but I cant find the correct code to center the top portion. Underneath the image I have centered it.
Thanks!!!
Solved! Go to the solution
This is an accepted solution.
Hey there @Greggy55
If you are using dawn theme then navigate to Online Stores> Themes> Edit Code
and find the file base.css and paste the below code to the very bottom of the file
.title-wrapper--no-top-margin > .title {
width: 100% !important;
text-align: center !important;
}
if it was helpful do like my answer and mark as helpful
This is an accepted solution.
Hello @Greggy55 ,
Please add the below mentioned code in base.css file and save.
.collection__title.title-wrapper.title-wrapper--no-top-margin.page-width {
text-align: center !important;
}
After adding code you will get your desired output =>
I hope it helps.
Please share if you have any query.
Thank you.
This is an accepted solution.
Hey there @Greggy55
If you are using dawn theme then navigate to Online Stores> Themes> Edit Code
and find the file base.css and paste the below code to the very bottom of the file
.title-wrapper--no-top-margin > .title {
width: 100% !important;
text-align: center !important;
}
if it was helpful do like my answer and mark as helpful
This worked thank you!
This is an accepted solution.
Hello @Greggy55 ,
Please add the below mentioned code in base.css file and save.
.collection__title.title-wrapper.title-wrapper--no-top-margin.page-width {
text-align: center !important;
}
After adding code you will get your desired output =>
I hope it helps.
Please share if you have any query.
Thank you.
This is only centering the heading , how do I center the image?
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025