Liquid, JavaScript, themes, sales channels
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
Solved! Go to the solution
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
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
Try to add these lines at the bottom of the index.css
Hi I can't seem to find this code in my Lorenza index.css. Could it be under anything else?
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024