Solved

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

Sadea
Excursionist
56 0 5

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:

 

Safesprayer_0-1701073267167.png

 

 

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.

Accepted Solutions (2)

PageFly-Henry
Shopify Partner
1090 312 265

This is an 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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

PageFly-Henry
Shopify Partner
1090 312 265

This is an accepted solution.

You can try this code for the title:

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 7 (7)

PageFly-Henry
Shopify Partner
1090 312 265

This is an 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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

Sadea
Excursionist
56 0 5

@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
Shopify Partner
1090 312 265

This is an accepted solution.

You can try this code for the title:

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

Sadea
Excursionist
56 0 5

@PageFly-Henry 

 

Great! Thank you very much!

 

Have a wonderful day.

PageFly-Henry
Shopify Partner
1090 312 265

You are welcome @Sadea 😊

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

Vanwear
Excursionist
21 0 6

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
Shopify Partner
12310 2550 3705

@Sadea 

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

.shopify-policy__container {
    margin-left: 220px !important;
    margin-right: 220px !important;
}
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app