How can I align my page titles to the left side?

Store Design
1

Hi all,

I am using the refresh theme. I want my page titles to be left align. My page width is wider. So I want the page title to match the width of the page. Just think it will look better.

You can view my site at www.PennsylvaniaParks.org

Thank you!!

2

Hey what’s up man, love the site!

I think I get what you are saying. You can try and use this CSS and see if it aligns with what you were thinking:

h1.main-page-title.page-title.h0 {
    display: flex;
    justify-content: flex-start;
    max-width: 1140px;
    margin: auto;
}
1 Like
3

Thanks for the code :slightly_smiling_face: where do I put that in my code? At the bottom of base.css?

Thanks again!

4

Yeah, you can try there. I always recommend starting in the Theme Customizer and checking your Theme Settings for anything like “Custom CSS”. If not, the base.css would be perfect.

5

Worked perfectly… Thank you… much appreciated :slightly_smiling_face:

1 Like
6

You are welcome! Message me sometime, I would love to donate some of my time to help out your site. I am an offroading/parks guy but out here on the West Coast!

1 Like
7

Awesome :slightly_smiling_face: I will be in contact sometime… I do plan to be national down the road but that’s likely a good three to five years away.