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
  • September 3, 2018 at 3:57 pm #106816
    jamesstephenssjamesstephenss
    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

    September 4, 2018 at 11:56 am #106862
    Sonal S SinhaSonal S Sinha
    Moderator
    • Topics: 0
    • Replies: 31265
    • Total: 31265
    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

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