This Code (Branding & Design - Code Injection - Footer)
/* Background for the entire page */
body {
background-color: #efefef !important; /* Light gray for the entire page background */
}
/* Background for the outer areas left and right */
.site-wrapper, .outer-wrapper, .outer-container, .site {
background-color: #f5efeb !important; /* Beige for the outer areas */
}
/* Background for the inner content area */
.container, .site-content, .page, .inner-content {
background-color: #efefef !important; /* Light gray for the inner content area */
}
/* Background for sidebar and widgets (if present) */
.sidebar, .widget-area {
background-color: #f5efeb !important; /* Beige for sidebar and widgets */
}
The page should look light gray, while the edges on the left and right should look light beige. Light gray might work, but not light beige. What am I doing wrong?*
I don’t want to make complicated changes to the theme itself, because the support is sometimes a challenge for non-IT-people. ;-)
Where can I change the background color and the color on the left and right (i.e. the correct background up to the monitor edge)? - IN GHOST.
I don’t want to buy a paid service. And the question is generally formulated clearly. In the area of code injection, a change in the two backgrounds (outside and inside) is not understood. I have posted the code. Maybe the code is wrong. I don’t know-
Don’t worry, I just want to help you debug it.
The reason I’m asking for the link is to check if any built-in theme code might be affecting your injection code, and I need to see how your injected code interacts with the entire codebase.
This code appears to have a bunch of selectors that aren’t present in the Tripoli demo, accessed here: https://tripoli.aspirethemes.com/ . (This theme’s selectors start with c-, and have for the past two years at least.) Maybe you’re actually using a different theme? Or looking at directions for changing the color of a different theme? I’m confused by your post.
If that doesn’t help, consider posting a link to your actual site and a description of what you’re trying to accomplish. Since your site doesn’t have these css classes, it’s hard to deduce from them what colors are supposed to be where.
We just bought Tripoli 3 days ago. But we don’t know what the areas (the background and the outer background) in Tripoli are called. If we knew that, we could perhaps solve this problem.
Ah. F12 or right click and inspect to see the structure of the page then… but I’m not sure Tripoli has areas defined that do what you want… although I’m not sure I understand what you want, so … maybe?
