Hi I don’t want to have my image with text to fill the full screen. I’d like them on a grid. But for our about us page, we’d like the full site to be white, and on our giveaway page, we’d like it all black. But without having to do “Full size of screen”
I’ve figured out how to adjust the background of sections under the custom ccs portion of each section, but I have yet to figure out how to get the box around my image with text to be the same color. Website is: Dead Lemon - Thank you!
yes, please let me know which section did you have change color
Hi @deadlemon
We checked and saw that on the about us page, all sections are already white, except for section:
Because the black color is of the image, it cannot be changed. We can only remove the overlay of the image and the image will be clear. You can change another image.
On the giveaway page, the section displays products with a white background, we should not change it because it will affect other pages.
So I just changed the section to a black background:
Please follow these steps:
#shopify-section-template--16677665767647__166161901464a25e50 > div > div > image-with-text-overlay {
--overlay-opacity: unset !important;
}
#shopify-section-template--16677672648927__c8e38280-2ef0-4004-b413-e71d3e76c24d > div > div > background-video > div.background-video__overlay {
--overlay-opacity: 1 !important;
}
I hope that it will work for your site.
Hello!
I’m trying to change the background color of a specific section instead.
Can I ask you how you did it?
