Change background colour on homepage – Dyad 2 Theme

• 

  gemmanick · Member · Mar 15, 2020 at 12:33 am

  • Copy link
  • Add topic to favorites

  Hello,

  After installing Dyad 2, I have tweaked the custom CSS to ensure that the background on my website is black, using:

  .site-content {
  background: black;
  }

  This didn’t work on the homepage, where the background remains white no matter what I do (using .site {}, etc.), which completely clashes with the rest of the site.

  Does someone know which code I could use to ensure that the background on the homepage is black too?

  Many thanks!

  The blog I need help with is: (visible only to logged in users)

• 

  gemmanick · Member · Mar 15, 2020 at 12:09 pm

  • Copy link

  Hello,

  So I figured it out eventually. Might not be the greatest code but it works:

  .home,_is-singluar,.entry-inner {
  	background-color: black;
  }
  
  .home.is-singular .content-area, .single-format-image.has-post-thumbnail .content-area {
  	background-color: black;
  }

  Inspected the element and managed to target the homepage.