CENTERING COLLECTION TITLES ON COLLECTION PAGES

Shopify Discussion
1

URL WWW.WILLOWRHODE.COM

LOOKING TO CENTER COLLECTION HEADERS AND PAGE HEADERS - I TRIED A FEW DIFFERENT CODES BUT NOTHINGS WORKING :disappointed_face:

THANK YOU!

2

Hi, please go to edit code, assets,component-collection-hero.css file and add this snippet code. If this code didn’t work then add text-align: center !important;

.collection-hero__title {
text-align: center;
}

Screenshot (60).png
Screenshot (60).png1920×1080 191 KB

3

It didnt work on mobile :disappointed_face:

4

Hope you sorted it as I visited your website and on mobile it’s centered.

5

Hi Yes I did ! thank you.

Any chance you could help me with centering page titles? Like for example in my footer menu I have all the policies, about us, contact us etc. but I need to center the title on those pages

6

Could you please share screenshot of which titles you want to be centered?

7

jennarose_0-1666615263904.png
jennarose_0-1666615263904.png1655×903 68.8 KB

this section and all the pages like refund policy, contact us, terms of service etc.

8

add this code snippet to your section-main-page.css

.main-page-title{

text-align center;

@media screen and (min-width: 750px){

text-align:center;

}

}

9

It worked! thank you

10

Oh wait, it only worked for the policies but not the pages I created like contact us, about us etc

11

Remove media query from aboe and add it separate like this please

@media screen and (min-width: 750px){

.main-page-title{

text-align:center;

}

}

12

didn’t work :disappointed_face:

13

Please add both

Just like this

.main-page-title{

text-align:center;

}

@media screen and (min-width: 750px){

.main-page-title{

text-align:center;

}

}

14

it worked!! thank you so much.