Hello, I am trying to increase the width of the text and the image for it to cover more space across the page.
1 Like
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community! 
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
Hi, thank you!> > Here’s my URL https://the-sisteryard.myshopify.com/?_ab=0&_fd=0&_sc=1&key=aad081402c53bc421b1bb08444b7589135397610a2c56a4c46f966d0a30109ce> > PSW:Eatgreens123
yes, please try this code
- Go to Online Store->Theme->Edit code
- Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.index-section--custom-content .page-width {
max-width: 1200px; /* change value as you like */
}
Thank you! I was able to change the width of the heading. Is there possibility for the body text width to expand as well?
yes change value
I did. However, it only change the heading.
Yes I want to expand the width below the capitalized text. I am also looking to expand the icons to the width of the page but in a smaller percentage of layout. I have currently set it to 25% and it does not allow me to reduce further.
1 Like
Please add below css in bottom of assets/theme.css file
.custom-content
.custom__block-body-text {
max-width: 100%;
}
@media only screen and (min-width: 750px)
.custom-content .medium-up–one-quarter {
width: 15%;
}
@media only screen and (min-width: 750px)
.custom-content-wrapper–bottom-margin {
padding-bottom: 50px ;
}
Thank you.
yes bt its same issue in smaller screen is this fine?
Thanks for the reply, I pasted the code but it shows as invalid.
"Invalid CSS after "…nly screen and “: expected media expression (e.g. (min-device-width: 800px)), was “{min-width: 750px}” at 9318”