Diferent background color in each page

  • Resolved retortas

    (@retortas)


    6 years, 8 months ago

    Hello;

    I’m using Twenty Seventeen Theme. in the panel area i have used white colors. But i have 3 web Pages, and want to put diferent colors in each pages. How can i do this?

    Regards

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    In the “Additional CSS” section of the dashboard add this:

    
/* Intro page panel */
.twentyseventeen-panel.post-7 {
    background: pink;
}

/* Publicacoes page panel */
.twentyseventeen-panel.post-39 {
    background: yellow;
}

/* Contacto page panel */
.twentyseventeen-panel.post-9 {
    background: blue;
}

    https://codex.www.ads-software.com/CSS#Custom_CSS_in_WordPress

    Thread Starter retortas

    (@retortas)

    Hello;

    Thanks a lot. Just one question more, how you figure out thst is post-7, post-39, post-9

    Regards;

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I used Chrome’s developer tools to understand the HTML on your page: https://developer.chrome.com/devtools#dom-and-styles

    Anonymous User 16287388

    (@anonymized-16287388)

    Hi,
    I’m trying this code on https://sckc.com.au/contact-us/ but it’s not taking effect. Any ideas?

    /* Contact Us*/
    .twentyseventeen-panel.post-49 {
    background: pink;
    }

    The post number matches up. I’m using WordPress 4.9.7 and no theme-related plugins. Any help would be hugely appreciated.
    * I haven’t been able to get this to work regardless of which post I use. Any clues?
    ** I’ve tried Hex colours too.

    Anonymous User 16287388

    (@anonymized-16287388)

    SOLVED. need to upgrade php from v5.4 to v5.6 (or greater). Fixed.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Diferent background color in each page’ is closed to new replies.