Solved

Lorenza - Change Width of Page Content

senkels
Excursionist
53 0 9

Hi everyone,

I am trying to change the width of the text content on this page: https://senkels.at/pages/length-guide 

As you will see, the content is quite narrow and I would like it to be wider with less padding on the left and right. 

I have tried tackling this class: "   page_content-center  " but without any success.

Could someone help me change this?

Thanks in advance,

Daniel

Accepted Solution (1)

RajatWeb
Shopify Partner
197 46 62

This is an accepted solution.

Hi Daniel,

Please follow these steps

1. Go to Online Store->Theme->Edit code
2. Asset->index.css

Find this code 

 

.page__header, 
.page__content {
    max-width: 500px;
    max-width: var(--max-width-small);
}

 


Replace max-width: var(--max-width-small) with max-width: var(--max-width-medium)

Let me know if you need any assistance.
Thanks & Regards
Rajat

If helpful then please Like and ✔️ Accept Solution.
Do you need custom changes on store ? please send me a personal message and we can discuss.
Email: rajatsharma.web@gmail.com
Skype: rajatsharma.web

View solution in original post

Replies 4 (4)

RajatWeb
Shopify Partner
197 46 62

This is an accepted solution.

Hi Daniel,

Please follow these steps

1. Go to Online Store->Theme->Edit code
2. Asset->index.css

Find this code 

 

.page__header, 
.page__content {
    max-width: 500px;
    max-width: var(--max-width-small);
}

 


Replace max-width: var(--max-width-small) with max-width: var(--max-width-medium)

Let me know if you need any assistance.
Thanks & Regards
Rajat

If helpful then please Like and ✔️ Accept Solution.
Do you need custom changes on store ? please send me a personal message and we can discuss.
Email: rajatsharma.web@gmail.com
Skype: rajatsharma.web
senkels
Excursionist
53 0 9

Hi @RajatWeb ,

thank you, that worked. 

 

RajatWeb
Shopify Partner
197 46 62

Try to add these lines at the bottom of the index.css

If helpful then please Like and ✔️ Accept Solution.
Do you need custom changes on store ? please send me a personal message and we can discuss.
Email: rajatsharma.web@gmail.com
Skype: rajatsharma.web
mfstephenson
Visitor
1 0 0

Hi I can't seem to find this code in my Lorenza index.css. Could it be under anything else?