How can I widen the text content area on a webpage?

Technical Q&A
1

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

2

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

3

Hi @RajatWeb ,

thank you, that worked.

1 Like
4

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

5

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