How can I increase the page width on policy pages using the Porto Theme?

Solved

How can I increase the page width on policy pages using the Porto Theme?

e-lik
New Member
8 0 0

Hi all using the Porto Theme for our store and want to increase the width of the text on the policy pages.

 

Have had a good look through the forum and have found a couple of solutions for others that have worked but cant find some of the required files on the them that allow me to import the following

.shopify-policy__container{max-width: 1200px !important;}

 

there isn't a theme file in the asset folder or when i search cannot find anything relating to policy container  

any idea how i may go about doing this now??

Accepted Solution (1)
Uhrick
Shopify Partner
433 68 101

This is an accepted solution.

Hello, @e-lik 

Add an !important at the end of the code provided by oscprofessional, as in:

.shopify-policy__container {
    max-width: 100ch !important;
}
Shopify Developer
Hire me for theme customizations at ricardomsilvestre@outlook.com or Upwork
Was my answer helpful to you? Please like or mark as solution

View solution in original post

Replies 10 (10)

oscprofessional
Shopify Partner
16115 2409 3123

@e-lik ,

Share the store URL.

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
e-lik
New Member
8 0 0

www.e-lik.co.uk 

View with TestStore123!

oscprofessional
Shopify Partner
16115 2409 3123

@e-lik ,

.shopify-policy__container {
    max-width: 100ch;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->style.scss.liquid

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
e-lik
New Member
8 0 0

nope didn't work, there is no scss files only style.css

 

oscprofessional
Shopify Partner
16115 2409 3123

@e-lik ,

Yes, import there.

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
e-lik
New Member
8 0 0

I did and it has not worked

oscprofessional
Shopify Partner
16115 2409 3123

@e-lik ,

Try to add in the top or in between.

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
oscprofessional
Shopify Partner
16115 2409 3123

@e-lik ,

.shopify-policy__container {
    max-width: 100ch;
}

You are missing ; this semicolon

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
Uhrick
Shopify Partner
433 68 101

This is an accepted solution.

Hello, @e-lik 

Add an !important at the end of the code provided by oscprofessional, as in:

.shopify-policy__container {
    max-width: 100ch !important;
}
Shopify Developer
Hire me for theme customizations at ricardomsilvestre@outlook.com or Upwork
Was my answer helpful to you? Please like or mark as solution
e-lik
New Member
8 0 0

Thank you for the confirmation, this worked and has updated the page 🙂