Different Background Colors for each page

Home Forums All Other Themes Different Background Colors for each page

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #106816
    jamesstephenss
    Participant
    • Topics: 4
    • Replies: 5
    • Total: 9
    Member since: July 28, 2018

    I created this css to change the background color for my website. How can I make the color different for each page?

    .page_fullwidth_wrap.layer_wrapper{
    background: #005900;
    }

    My website is jamestestsite.com

    #106862
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23490
    • Total: 23490
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    .page-id-206 .page_fullwidth_wrap.layer_wrapper { background:#f00 !important;} 
    .page-id-192 .page_fullwidth_wrap.layer_wrapper { background:#282828 !important;} 
    .page-id-194 .page_fullwidth_wrap.layer_wrapper { background:#000 !important;} 
    .page-id-197 .page_fullwidth_wrap.layer_wrapper { background:#ffcc00 !important;} 
    .page-id-1956 .page_fullwidth_wrap.layer_wrapper { background:#00a8ff !important;}

    Regards,
    Chris

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.