Website Pages: Changing the color of the block of content

  • Resolved crmacdonald1

    (@crmacdonald1)


    7 years, 4 months ago

    Hey there,

    I’m using the Sydney theme, and am looking to change the color of the entire block of content on each of my pages. They are currently displayed as white, and I would like to change them to black.

    Here is an example of one of the pages:

    https://www.crmacdonald.com/shop/

    Any help on this would be greatly appreciated!

    Cheers*

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello there,

    You’ll need to add the below extra custom CSS code to Appearance > Customize > Additional CSS from your site dashboard. 

    
.page-wrap .content-wrapper {
  background-color: transparent;
  color: #fff;
}  

.page-wrap .content-wrapper h1, 
.page-wrap .content-wrapper h2, 
.page-wrap .content-wrapper h3, 
.page-wrap .content-wrapper h4, 
.page-wrap .content-wrapper h5, 
.page-wrap .content-wrapper h6 {
   color: #fff;
}

    The code above will override the default background color style of the page content area which is white by default. It also alter the default text and heading colors to become lighter.

    Regards,
    Kharis

    Thread Starter crmacdonald1

    (@crmacdonald1)

    @kharis

    Thank you so much! The code worked perfectly. I appreciate you taking the time to help me. Thanks again!

    Cheers*

    You’re welcome!

    Please let us know if you have any further questions, or if we can provide you with any other assistance.

    Regards,
    Kharis

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Website Pages: Changing the color of the block of content’ is closed to new replies.