Re: Featured Collection - Home Page - Dawn 2.0

Solved

Featured Collection - Home Page - Dawn 2.0

MikeBaguyo
Explorer
48 0 18

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)

suyash1
Shopify Partner
9995 1241 1579

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

 

 

Amazing chess game | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

View solution in original post

suyash1
Shopify Partner
9995 1241 1579

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

 

Amazing chess game | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

View solution in original post

suyash1
Shopify Partner
9995 1241 1579

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

 

 

Amazing chess game | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

View solution in original post

Replies 18 (18)

suyash1
Shopify Partner
9995 1241 1579

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

 

 

Amazing chess game | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
MikeBaguyo
Explorer
48 0 18

@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
9995 1241 1579

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

 

Amazing chess game | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
MikeBaguyo
Explorer
48 0 18

@suyash1 

Thank you so much!!!!!!

MikeBaguyo
Explorer
48 0 18

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
9995 1241 1579

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

 

 

Amazing chess game | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
MikeBaguyo
Explorer
48 0 18

Thank you so much!!!!!!

printim
Tourist
4 0 3

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?

anusa
Tourist
11 0 5

Have you found the solution? I also use Dawn 2.0.

suyash1
Shopify Partner
9995 1241 1579

@anusa - your section ids must be different, can you please share your page link? also what change do you want?

Amazing chess game | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
anusa
Tourist
11 0 5

@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

suyash1
Shopify Partner
9995 1241 1579
You can fund collection id by right clicking on your page , inspect element
and check code
Amazing chess game | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
anusa
Tourist
11 0 5

@suyash1 I cant' find the section ID you mentioned. Could you help?

suyash1
Shopify Partner
9995 1241 1579

@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_0-1641797026334.png

 

Amazing chess game | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
anusa
Tourist
11 0 5

@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 🙂 

suyash1
Shopify Partner
9995 1241 1579

@anusa - welcome, do let me know if you need anything else later, you have my email below.

Amazing chess game | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Miche88
Visitor
2 0 1

Add in the code into the bottom of your Assets > base.css.

 

.title-wrapper-with-link{text-align: center; justify-content: center;}

 

anusa
Tourist
11 0 5

Hi! I copied the same code but it didn't centre the title for me. Could you help?