How to center page headings in the footer menu?

Hi,

I am trying to center the headings on all pages especially all pages in the footer menu. Thank you!

URL www.daughterofanangel.com

Hi @jennarose

To centre align those headings you’ll need to add some extra CSS to your assets/base.css file.

If you edit that file and include the following at the very bottom of it:

h1.main-page-title.page-title.h0 {
    text-align: center;
}

You should then see those titles centered.

Hi! Thanks for responding so quickly. For some reason that didnt work :disappointed_face: I am trying to center on both mobile and desktop

@jennarose

It’s GemPages support team and glad to support you today.

I see the heading tags are centered
here is the code to center the newsletter title in the footer:

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid theme file.

  3. Paste the below code before


Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

Hi @jennarose

It looks like you’ve got some tags in that file that will be blocking anything else from rendering beyond there.

So the bottom of your base.css file at the moment looks like this:

}

h1.main-page-title.page-title.h0 {
    text-align: center;
}

The and tags are not needed there.

Therefore - you just need to remove those to “activate” the rest of the CSS at the bottom of that file.

If you delete both those lines so the end of base.css looks like this:

}

#yotpo-reviews-star-ratings-widget{
  justify-content: center !important;
}

h1.main-page-title.page-title.h0 {
    text-align: center;
}

It should then take effect - let me know if that works for you!

Hi @jennarose ,

This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/section-main-page.css->paste below code at the bottom of the file:

.main-page-title {
    text-align: center;
}

I hope it would help you
Best regards,

Richard | PageFly