This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Different background-colors on different pages

Open 3 replies pluginplugin-page-builderquestion
Hans Bindewald
4 years ago · Last reply by Andrew Misplon 4 years ago

Hi

I want different background-colors for different pages. With a css like this:

.page-id-157 #main{background-color:#006400;}

.page-id-157 header{background-color:#006400;}

.page-id-157 #footer {
background-color:#006400;
}
.page-id-157 site-footer tg-site-footer tg-site-footer-widgets {
background-color:#006400!important;
}

everything (header and main) works beside of the footer; no matter what definition I try – the color doesn’t change.

What do I do wrong?

And would it even be possible to get different menu background-colors on different pages?
Thanks!
vanbrel

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

3
  1. Andrew Misplon Staff 4 years, 11 months ago

    Hi Hans

    Thanks for reaching out.

    Do you have a public URL where we can take a look at what’s going on?

  2. Hans Bindewald 4 years, 11 months ago

    yes, have a look at

    https://denisedoesyoga.com

    Ciao

  3. Andrew Misplon Staff 4 years, 11 months ago

    Thanks.

    In your Custom CSS you have:

    .page-id-174 tg-site-footer-widgets {
   background-color:#8b0000!important;
}

    tg-site-footer-widgets is a class name, it’ll need a period in front of it to designate it as a class.

    .page-id-174 .tg-site-footer-widgets

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread