Featured Collection - Home Page - Dawn 2.0

Solved
MikeBaguyo
Explorer
45 0 16

Hi! How can I make the title of my "Featured Collection" in my homepage be at the center? 

MikeBaguyo_0-1635306329953.png

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?

MikeBaguyo_1-1635306359097.png

Thanks in advance!

Store: chrisandleon.com

 

Accepted Solutions (3)

Accepted Solutions
suyash1
Shopify Partner
3700 407 609

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;}

 

suyash1_0-1635307727065.png

 

 

You are welcome to contact me, my email - suyash.patankar@gmail.com ,My timezone is GMT+5:30

View solution in original post

suyash1
Shopify Partner
3700 407 609

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;}
}

 

You are welcome to contact me, my email - suyash.patankar@gmail.com ,My timezone is GMT+5:30

View solution in original post

suyash1
Shopify Partner
3700 407 609

This is an accepted solution.

@MikeBaguyo- please add this css

#shopify-section-template--15298090008815__1635081507d90dd9ee .collection-list-title {
    margin: 0 auto;
}

 

suyash1_0-1635309985373.png

 

 

You are welcome to contact me, my email - suyash.patankar@gmail.com ,My timezone is GMT+5:30

View solution in original post

Replies 7 (7)
suyash1
Shopify Partner
3700 407 609

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;}

 

suyash1_0-1635307727065.png

 

 

You are welcome to contact me, my email - suyash.patankar@gmail.com ,My timezone is GMT+5:30

View solution in original post

MikeBaguyo
Explorer
45 0 16

@suyash1 

Wow! It worked! How can I change the font size of it? To match the font size of the title of my "Collections List"?

suyash1
Shopify Partner
3700 407 609

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;}
}

 

You are welcome to contact me, my email - suyash.patankar@gmail.com ,My timezone is GMT+5:30

View solution in original post

MikeBaguyo
Explorer
45 0 16

@suyash1 

Thank you so much!!!!!!

MikeBaguyo
Explorer
45 0 16

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. 

suyash1
Shopify Partner
3700 407 609

This is an accepted solution.

@MikeBaguyo- please add this css

#shopify-section-template--15298090008815__1635081507d90dd9ee .collection-list-title {
    margin: 0 auto;
}

 

suyash1_0-1635309985373.png

 

 

You are welcome to contact me, my email - suyash.patankar@gmail.com ,My timezone is GMT+5:30

View solution in original post

MikeBaguyo
Explorer
45 0 16

Thank you so much!!!!!!