Centre align main-page-title.page-title.h0

Store Design
1

Hey guys.

A pretty simple one for you I’m sure. I have a page on my website that pulls in some details from a created page “How Do You Care for a Candle?” but because this is pulled in from a page and not part of the block editor, the text is not centrally aligned.

Screenshot 2022-01-25 at 11.50.23.jpg
Screenshot 2022-01-25 at 11.50.23.jpg2440×914 92.8 KB

This is all I’m pulling into this page

Screenshot 2022-01-25 at 11.52.44.jpg
Screenshot 2022-01-25 at 11.52.44.jpg1820×1764 186 KB

As you ca n see, the header “How do you care for a candle?” isn’t central because it’s a page header and not a header from a block imported from the block editor. I’ve narrowed down this header to “main-page-title.page-title.h0” but I don’t know where to edit this to make it centrally aligned?

Can anyone help?

Thanks.

Rosalind.

1 Like
2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.css and paste this at the bottom of the file:
h1.main-page-title,.page-title {
text-align: center;
}
3

Perfect, thank you. On Dawn it’s base.css but I’ve been in there so remembered that’s where the CSS for the theme is.

Thanks for your help.