Navigation
Archive / Change Background Color of a Single Page
This is archived content. Visit our new forum.
  • Author
    Posts
  • August 22, 2014 at 11:26 am #90243
    Craig Allan Teich | FormulaWP
    Participant

    What is the easiest way to change the background color of the content area (everything between the header and footer) for a single page? This should be a browser-wide application. Thanks in advance.

    August 22, 2014 at 12:18 pm #90277
    Cousett
    Member

    Thanks for writing in!

    In the CSS make sure to find the ID of the page for the home page this is home for other pages you can find the ID of the page or post by going to the edit page and looking for the post=”#” for example http://x.hoover.ws/wp-admin/post.php?<strong>post=6608</strong>&action=edit more information on how to locate the ID can be found in this KB article – http://theme.co/x/member/kb/how-to-locate-post-ids/

    Once you locate the ID add some CSS code under Appearance -> Customize -> Custom -> CSS

    body.page-id-6608, .page-id-6608 .x-logobar, .page-id-6608 .x-navbar, .page-id-6608 footer {
background-color: red;
}

    Change 6608 to the page ID you want to customize.

    If I misunderstood and you just want the content in the main content are then just use:

    body.page-id-6608 {
background-color: red;
}

    Change “red” for whatever color you are looking for either in its short name or hex value.

    I hope this helps.

    August 22, 2014 at 1:32 pm #90323
    Craig Allan Teich | FormulaWP
    Participant

    Thank you. I believe the second part is what I needed.
    Cheers!

    August 22, 2014 at 1:45 pm #90330
    Cousett
    Member

    Glad we were able to help. 🙂 Have a nice day.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-90243 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>