I want to make the ‘Image with text’ element below the size of the full page width. How can I achieve this with code? For reference, I’m using the Dawn theme.
Thanks in advance!
Hi,
Please share your store URL and if your store is password protected then also provide password too.
Thank you.
Kindly share your Store URL,
So that i can help you.
.image-with-text__grid.color-background-1.grid.grid--gapless.grid--1-col.grid--2-col-tablet {
width: 100%;
}
Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid
Hello @madeformagic ,
Follow the below steps to resize the “Image with text” section to full width.
- Go to your Shopify admin page
- Click on Action dropdown of Dawn theme
- Click on Edit code
- Look for the “image-with-text” file in the Sections folder
- Now you need to remove the “page-width” class
- For example: Refer to the below image
This will help you resize your image to a custom width or height.
Hope it helps! Kindly get in touch with us if you need any further help.
All the best,
Team CedCommerce
I’ll be trying the above solutions! Thanks again
Hi there! Thank you for the reply. Will you be able to please send through the image again? I’m having a hard time looking at it as it’s quite small. And once I remove the code, what will I write in replacement for it to give the page 100% width?
0