How can I adjust the page width and title size on policy pages?

[Sadea]

Hello, 

My theme is: Impact 4.4.0 (note, this theme is not yet published, but is a draft). The preview link is here https://28481bin9g747f29-49832460487.shopifypreview.com

I would like to change the page width on my policy pages, so that it matches my other pages (page width of 1600px). The text should still be centered as it is currently. See the attached image of the current policy pages:

Also, I would like to make the title on the policy pages smaller than it is now, as it doesn't fit in with the rest of the titles.

Can anyone please make a code that could fix my problems?

Thank you very much in advance.

[PageFly-Henry · Accepted solution]

Hi @Sadea 

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps: 

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

Step 2: Search file theme.css

Step 3: Paste the below code at bottom of the file -> Save

.shopify-policy__container {

    margin-left: 220px !important;

    margin-right: 220px !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

[PageFly-Henry · Accepted solution]

Hi @Sadea 

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps: 

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

Step 2: Search file theme.css

Step 3: Paste the below code at bottom of the file -> Save

.shopify-policy__container {

    margin-left: 220px !important;

    margin-right: 220px !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

[Sadea]

@PageFly-Henry 

Perfect! That worked, thank you very much!

Do you know how to change the heading/title size to be smaller?

Thank you.

[PageFly-Henry · Accepted solution]

You can try this code for the title:

.shopify-policy__container h1 {
font-size: 20px !important;

}

[Sadea]

@PageFly-Henry 

Great! Thank you very much!

Have a wonderful day.

[PageFly-Henry]

You are welcome @Sadea 😊

[Vanwear]

Hi, I'm using the Refresh theme and I don't have a theme.css file. Do you know where I would go in this case?

Many thanks! 

[dmwwebartisan]

@Sadea 

Please add the following code at the bottom of your css file.

.shopify-policy__container {
    margin-left: 220px !important;
    margin-right: 220px !important;
}