How to center feature collection title on home page - DAWN THEME

Store Design
1

hi!

My URL is www.willowrhode.com

I am trying to center the feature collection titles (It’s spooky season and shop best sellers)

I tried a few codes but nothing is working

thanks!

2

Hi @jennarose

This is PageFly - Advanced Page Builder. I would love to give you some recommendations

Add this css at the bottom

Online Store ->Theme ->Edit code

Assets → template-collection.css

.collection__title.title-wrapper {

display: flex !important;

justify-content: center !important;

}

Hope you find my answer helpful!

Regards,

PageFly

3

Hey @jennarose ,
Welcome to the Shopify community!
You can follow the instruction below:
Go to Online Store->Theme->Edit code->base.css->paste bellow code in bottom of file.

.collection__title .title{
 text-align: center !important;
}

If you feel like my answer is helpful, please Like and mark it as a solution**.** Let me know if you have any further questions.
Thank you!
Raman

4

@jennarose
Hello,

.collection__title .title.h1 {
	text-align: center;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

Like This

oscprofessional_0-1666012960676.png
oscprofessional_0-1666012960676.png1613×872 279 KB

5

Hi everyone, thanks for replying but nothing is working :disappointed_face: ive tried all of those codes.

I should also note I want it centered on both mobile and desktop

thanks!

6

Hi @jennarose

I’m Richard Nguyen from PageFly- Free Landing Page Builder

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->theme.liquid->paste bellow code in tag

.collection__title.title-wrapper.title-wrapper--no-top-margin.page-width.title-wrapper--self-padded-tablet-down, .collection__title.title-wrapper.title-wrapper--no-top-margin.page-width { display: flex !important; justify-content: center !important; }

Please refer to this screenshot: https://prnt.sc/afpBHc_RJbvN

Hope that my solution works for you.

Best regards,

Richard | PageFly

7

Hello @jennarose

Go to the online store > Theme > Edit code >Assets >base.css >Add code on this file.

.title-wrapper--no-top-margin > .title {
    text-align: center !important;
}
8

nope it still wont work :disappointed_face:

9

Hello @jennarose

Go to the online store > Theme > Edit code >Assets >base.css >Add code on this file.

.collection.section-template--15939974135965__b8e3723f-98d5-439b-9336-e627a0fd872e-padding.collection--full-width {
text-align: center;
}
10

it still wont work.. i dont know whats going on or why nothing will work :disappointed_face:

11

I got it to work by adding this at the bottom on base.ccs

}
.collection__title .title, .collage-wrapper-title {
text-align: center!important;
}
span.icon-wrap {
display: none !Important;
}

thanks for you help!

12

Hi @jennarose !

This is PageFly - Advanced Page Builder. I would love to give you some recommendation

Please paste this code at the bottom of base.css under assets in theme code files;

.title-wrapper–no-top-margin > .title {
text-align: center !important;
}

Like this;

Screenshot_24.png
Screenshot_24.png1919×930 309 KB

I hope my recommendations will be beneficial for you, let me know if you have any questions. Cheers!

Best Regards;
PageFly

13

Thank you!

Am I able to change the font of the featured collection titles only? on the home page. I would like the font to be the font called “tropical country.ttf”