change background on pages
Hi,
I worked on the belawyer5 theme and change the demo background image, but now
I would maintain the image only in two pages (homepage and "contatti") and in the other pages set as background a simple grey #5F6469, that because on the header the background image isn't display as I want.
Link: https://studiocantoni.sviluppo.host/
Comments
Hi,
from what I can see, you set this background image for entire site globally under Theme Options > Global > General. If you want to keep image on individual pages, you shouldn't set it for entire site globally. Instead, I recommend to set background image for specific section/s but solid background color for other.
it doesn't work because it works on the section and not in the header. The background image still visible in the header
i'm trying with that extra css cod
@media only screen and (min-width: 768px) {
.page-id-94 .tr-menu.header-creative #Header_creative:not(.active) {
background-color: #8A8D93 !important;
}
}
What i would to do is adding all the page id of the site except the page id of "home" and " contatti" but it doesn't work. It works globally removing .page-id- from the code, but if i put .page-id-... it doesn't work. Any tips?
If you want to make it with custom css, then you have to remove background image from theme options as it's set globally and use the following custom css to assign bg image for specific pages only. Below declaration is for homepage only.
.page-id-6 { background-image: url(https://studiocantoni.sviluppo.host/wp-content/uploads/2025/01/prova-home-sam-5.jpg#372); background-repeat: no-repeat; background-position: center top; background-size: contain; }ok, i did. thank you!
You're welcome.