How to adjust the text display length in the created page?

Solved

How to adjust the text display length in the created page?

CRART
Excursionist
38 0 9

How to adjust the text display length in the created page?

Page文本长度.png

Accepted Solution (1)

EstherBui
Excursionist
275 39 42

This is an accepted solution.

Hi CRART


- You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

 

 

@media screen and (min-width: 750px) {
    .page-width--narrow {
        max-width: 85% !important;
    }
}

 

 

 

Result: 

EstherBui_0-1737293685273.png


Best,
Esther

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

View solution in original post

Replies 5 (5)

suyash1
Shopify Partner
10569 1306 1674

@CRART Can you please share this page link?

Support me | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
CRART
Excursionist
38 0 9
suyash1
Shopify Partner
10569 1306 1674

@CRART please add this css to the very end of your base.css file and check,
Shopify Admin -> Online Store ->Theme -> Edit code -> base.css

 

@media screen and (min-width: 990px) {
    .page-width--narrow { max-width: 90%; }
}

 

Support me | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

EstherBui
Excursionist
275 39 42

This is an accepted solution.

Hi CRART


- You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

 

 

@media screen and (min-width: 750px) {
    .page-width--narrow {
        max-width: 85% !important;
    }
}

 

 

 

Result: 

EstherBui_0-1737293685273.png


Best,
Esther

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

CodingFifty
Shopify Partner
613 97 116

Hi @CRART,

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css file Add the provided code at the end of the file.

@media screen and (min-width: 769px) {
    .page-width--narrow { 
       max-width: 87%; 
}
}
Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com