Removing color on homepage.

• 

  reachallison · Member · Dec 11, 2015 at 1:43 am

  • Copy link
  • Add topic to favorites

  I am trying to remove the color on my homepage. The template allows custom coloring but not on these front titles where the title of the blog post is. Ultimately, I would the entire site to be black and white only.

  Help?

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

• 

  thesacredpath · Member · Dec 11, 2015 at 7:54 am

  • Copy link

  Hi there, go to Appearance > Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS to change the color blocks on the posts on the main page to black.

  .site-main, .post-grid.post-grid-nobg {
      background-color: #000 !important;
  }

• 

  reachallison · Member · Dec 11, 2015 at 10:54 pm

  • Copy link

  Thank you! I really appreciate it.

• 

  reachallison · Member · Dec 11, 2015 at 11:16 pm

  • Copy link

  When I add this it looks great on the home page, but it also changes the coloring on the other pages making it hard to read text.
  Any ideas?

• 

  thesacredpath · Member · Dec 12, 2015 at 12:17 am

  • Copy link

  Ok, we can limit this to only the home page by using the “home” CSS class defined in the opening body tag. Replace what you have with the following.

  .home .site-main, .home .post-grid.post-grid-nobg {
      background-color: #000 !important;
  }