What custom CSS can I add to the ‘Image with text’ section, so that the background color of the section expands full width of the screen, just like in the ‘Multicolumn’ section?
Hey @JK5000
Kindly share your Store URL and Password if enabled
Hi @Moeed
https://4e5f64-2.myshopify.com/
PW: eaniep
Hey @JK5000
Follow these Steps:
- Go to Online Store
- Edit Code
- Find theme.liquid file
- Add the following code in the bottom of the file above tag.
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hi @Moeed
Thanks for the help.
Is it possible to add this to the custom CSS part of the section instead of main theme file?
Also, I’m hoping to keep the section to function and look exactly as it does by default, but to just have the section’s background color be full screen width. With your code, it moves the image and text further apart and text area width is broken.
Is there a solution for that?
Anyone else know how to tackle this without affecting the default elements? I just want the background to expand full screen, like the “Columns” section.
Hi @Moeed
Your solution is very close, but it has caused the left and right columns in the section to exceed the default 1200px content width. Do you know how I can correct this?
I got this figured out. I used a Multirow section and deleted all rows but one. By default, the background color in Multirow extends edge to edge of the screen.
1 Like
another way to do exactly what you originally wanted while keeping the text and image feature is to add this to the place where it lets you add code for that section, where the 0000 is just put the hex color number you want and the entire section background will change to it:
div {
background-color:
}
2 Likes