I’m using “Stretch row and contents (With paddings)” for the elements on my homepage.
Whenever I want to change the background color of the site from the theme admin panel, the elements would shrink back to Default.
Is there a way to change the background color and keep them stretched with paddings?
If there is a background color or image set, the website will be boxed. This will happen regardless of the row settings, when setting a background
Unfortunately there is not. Setting a general background will transform the website to boxed. You could maybe set backgrounds for stretched rows instead, or even blocks
Or apply the background with CSS instead of the theme panel, there could be solutions that can be used instead of the theme panel to apply a background.
OK, thank you. Let me play around with it.
The rationale was, if you want to add a photo as a background, which would take up additional space, then yes, it would box the website but if I want to change the current white with another color, I thought it shouldn’t be a problem.
Speaking of which, can you please give me a hint where I can find the background color in the CSS code?
I tested changing this in style.css but it didn’t work.
visibility: visible !important;
So you would like to change the default white color of the containers, after setting a background image. Try a code like this for example, maybe add more elements in it
Use the browser inspector to identify these elements, with it you can see where the color is coming from and create your custom code
Then use the codes in Theme panel->Csutom CSS, or child theme.
Just a clarification, I don’t want to add an image. Just to change the default white background color of the site.
And thank you! Let me go ahead and check your code.
Before I do though, I thought there would be a way to edit the main background of the entire site at one go somewhere, rather than element by element? Is that possible?
I checked the inspector but didn’t find it.