How do I increase the width of my legal pages? They are very narrow. Thanks

Nifty_Discounts
Tourist
13 0 1

How do I increase the width of my legal pages? They are very narrow. 

 

www.niftydiscounts.co.uk

 

Work in progress, legal pages at the bottom.

 

Thanks

Guleria
Shopify Partner
1295 268 360

For Shipping page, add this css

#shipping-policy .wrapper.main-content {
    max-width: 1200px; // change it a/to need
}
#shipping-policy .shopify-policy__container {
    max-width: 100%; // change it a.to need
}

Make little change in id and and add it accordingly for other pages.

 

Want to modify or custom changes on store hire me.
Email: guleriathakur43@gmail.com, Skype: navrocks1
If helpful then please Like and Accept Solution.
0 Likes
Nifty_Discounts
Tourist
13 0 1

@Guleria thanks can you tell me where the code is for this? What liquid is it?

 

The theme.scss.liquid table of content is:

 

Table of Contents

#Breakpoint and Grid Variables
#General Variables
#Sass Mixins
#Normalize
#Grid Setup
#Basic Styles
#Helper Classes
#Typography
#Rich Text Editor
#Links and Buttons
#Lists
#Tables
#OOCSS Media Object
#Images and Iframes
#Forms
#Icons
#Pagination
#Site Header
#Site Nav and Dropdowns
#Mobile Nav Bar
#Site Footer
#Product Grid and List Views
#Collection Filters
#Breadcrumbs
#Product Page
#Blogs and Comments
#Notes and Form Feedback
#Cart Page
#Demo Styles - for empty store state
#FlexSlider
#Magnific Popup
#Product Reviews
#Password Page
#Custom Content
#Blank States
#Lazysizes
#Featured blog post

0 Likes
Guleria
Shopify Partner
1295 268 360

Add it in theme.scss.css under assets, at the end of existing css code.

Want to modify or custom changes on store hire me.
Email: guleriathakur43@gmail.com, Skype: navrocks1
If helpful then please Like and Accept Solution.
0 Likes
kchart
Tourist
6 0 0

I also would like to expand my policy page width. I do not have a theme.scss.liquid asset however, I did add this to my theme.css.liquid file and it did not work. Anyone else have ideas here? I am using a custom theme called Wokiee. Please help!  I contacted the theme designer and they pointed back to shopify stating that it is Shopify's css that is driving the page width not the theme.

0 Likes
Bhanu
New Member
1 0 1

Please add these codes into your "theme.scss"

 

Online Store->Theme->Actions->Edit code
Asset->theme.scss


.shopify-policy__container {
max-width: 100% !important;
}

Snowrotberg
New Member
2 0 0

Hi,

I tried this and get no result.

 

Snowrotberg_0-1610039299636.png

The legal text pages are still like in the picture here..

Snowrotberg_1-1610039377557.png

Do you have an idea, what I made wrong?

 

Best regards

 

0 Likes