Shopify themes, liquid, logos, and UX
Hi! How can I make the title of my "Featured Collection" in my homepage be at the center?
Above picture is from my featured collection, I want it to be like this (picture below) just like my collections list, and how can I also increase the font of Featured Collection title?
Thanks in advance!
Store: chrisandleon.com
Solved! Go to the solution
This is an accepted solution.
@MikeBaguyo- add this css tot he very end of base.css file and check
#shopify-section-template--15298090008815__1635306078e4fe0593 .title{
margin: 0 auto !important; text-align: center;}
This is an accepted solution.
@MikeBaguyo- add this code, this will not affect mobile view
@media screen and (min-width:750px){
#shopify-section-template--15298090008815__1635306078e4fe0593 .title{font-size: 40px !important;}
}
This is an accepted solution.
@MikeBaguyo- please add this css
#shopify-section-template--15298090008815__1635081507d90dd9ee .collection-list-title {
margin: 0 auto;
}
This is an accepted solution.
@MikeBaguyo- add this css tot he very end of base.css file and check
#shopify-section-template--15298090008815__1635306078e4fe0593 .title{
margin: 0 auto !important; text-align: center;}
Wow! It worked! How can I change the font size of it? To match the font size of the title of my "Collections List"?
This is an accepted solution.
@MikeBaguyo- add this code, this will not affect mobile view
@media screen and (min-width:750px){
#shopify-section-template--15298090008815__1635306078e4fe0593 .title{font-size: 40px !important;}
}
Hi @suyash1
I have checked the mobile version, regarding the "Collection List" title, how can I also make it at the center? It's on the center only for the desktop but not in the mobile like what you did in the "Featured Collection" title.
This is an accepted solution.
@MikeBaguyo- please add this css
#shopify-section-template--15298090008815__1635081507d90dd9ee .collection-list-title {
margin: 0 auto;
}
Thank you so much!!!!!!
Hello,
none of the mentioned solutions work for me. I also using Dawn theme and want to center the title of collections but adding the code at the end of base.css dont make any changes on my theme.
What could be the reason?
Have you found the solution? I also use Dawn 2.0.
@anusa - your section ids must be different, can you please share your page link? also what change do you want?
@suyash1 Where can I find section id of my store? I want to align Feature Collection title to center.
Store link is https://anusajewelry.myshopify.com/ and password: eanahm
@anusa - please go to your site, right click -> inspect element and you have the code, you can see section ids , or please let me know what change do you want
@suyash1 I wanted to align the title to center. Now it works as expected after replacing my own section id. Thank you very much for replying and guidance. Really appreciate it 🙂
@anusa - welcome, do let me know if you need anything else later, you have my email below.
Add in the code into the bottom of your Assets > base.css.
.title-wrapper-with-link{text-align: center; justify-content: center;}
Hi! I copied the same code but it didn't centre the title for me. Could you help?
The year-end shopping spree is around the corner! Is your online store ready for the ...
By JasonH Nov 10, 2024We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024