Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #25863

    Hi,

    I would like to know if it’s possible to change the background color for a specific page-id? Or change it only for the main content and alternate content

    Thanks

    #128454

    Hi,

    Sure, it is possible. If you are using chrome you can right click the page, Inspect element then look for the unique page body selector.

    On the example above, we have page-id-31. You can use this selector to change any specific element on that page only. For example, you want to change the header background, you can use this on custom.css or Quick CSS

    .page-id-31  .container_wrap.stretch_full.header_color.light_bg_color {
    background: red;
    }

    Regards,

    Ismael

    #128455

    Super! thank you the quick answer.

    #128456

    Hi again,

    My entire page is made of a template, is this will cause any issues? I changed your the codes to reflect my page-id and nothing happens. The header line works fine.

    .page-id-3444 .container_wrap.stretch_full.main_color.light_bg_color {

    background: red;

    }

    Here is the link to my page: http://www.egebo.ca/service-en-direct/

    My goal is to make my page similar or close to http://campus.316networks.com/bellevue-baptist-church/

    Thanks

    Thanks

    #128457

    Hi,

    Please place it on custom.css.

    .page-id-3444 .container_wrap.stretch_full.header_color.light_bg_color {
    background: red;
    }

    Or you can use this instead on Quick CSS

    .page-id-3444 .container_wrap.stretch_full.header_color.light_bg_color {
    background: red !important;
    }

    Note: The code above is for the header background only. You can change a lot of elements other than this one.

    Regards,

    Ismael

    #128458

    Thank you sir, I will go ahead and try everything.

    Thanks again

    #128459

    Hi Madabel5,

    Take a look at the video linked in this topic which goes into a bit more depth on customizing with the code inspection tools and quick css http://www.kriesi.at/support/topic/fyi-firebug-tutorial-for-wordpress-users

    Regards,

    Devin

    #128460

    I will try that. thanks for all your support.

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Background color’ is closed to new replies.