How to Center Headings on Homepage w/ Dawn Theme

Store Design
, , ,
1

Hello hoomans,

I’m trying to center headings on my home page.

I was able to get a couple of them from different topics here, and other sources on the googles.

But how do I center all of them. IE, Blog, Multicolumn, Collection List, and possibly other sections I add to the home page in the future?

Thank you,

2

Online Store → Customise → Sections → Header → Desktop Logo Position → Top Centre (same with mobile positioning)

For other blocks you can do this too

Hope this helps

1 Like
3

Hello @NileCat

Can you give me your Store URL( with pass if your store password is enabled) so I can check it for you?

Kind & Best regards,
GemPages Support Team

1 Like
4

Hello, thank you so much for the reply.

I don’t see this option available for most of the sections.

For example, for Collection List I only see Heading Size as an option related to the heading.

And for Multicolumn, the same option, just heading size, no option to center it.

Am I missing something? Or is this something that must be changed in the CSS?

5

https://createdbykitties.com/

Thank you so much

1 Like
6

@NileCat

yes, please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
.multicolumn .title-wrapper-with-link, .blog .title-wrapper--no-top-margin, .collection-list-wrapper .title-wrapper--no-top-margin  {
    justify-content: center !important;
}
.collection__title .title:not(:only-child), .collage-wrapper-title {
    text-align: center !important;
}
1 Like
7

Hi @NileCat ,

This is Victor from PageFly - Shopify Landing Page Builder.

You can head to Online Store > Themes > Customize > Select the block you want to center and there is an option for you to choose the alignment

PageFlyVictor_0-1670383313258.png
PageFlyVictor_0-1670383313258.png382×577 12.4 KB

This is on the right side of the customize page

Hope this can help you solve the issue.

Best regards,

Victor | PageFly

1 Like
8

Hello @NileCat

You can follow these steps:

  1. Go to Online Store->Theme->Edit code

GemPages_0-1670383838151.png
GemPages_0-1670383838151.png400×193 29.2 KB

  1. Open your theme.liquid file, paste the below code before

GemPages_1-1670383866694.png
GemPages_1-1670383866694.png1207×869 35.2 KB

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

2 Likes
9

This worked. Thank you so much!

Btw is there a way to center the products page heading, and any subsequent pages that I create in the future? I noticed when I click catalog the products heading is left oriented. My only other page is my contact page and that is centered.

Thanks