change background on pages

Phoeniximage · February 12

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/

Albert · February 12

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.

Phoeniximage · February 12

it doesn't work because it works on the section and not in the header. The background image still visible in the header

Phoeniximage · February 12

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?

Albert · February 13

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;
}

Phoeniximage · February 13

ok, i did. thank you!

Albert · February 13

You're welcome.

change background on pages

Comments