page color

• 

  onyx2018 · Member · May 4, 2015 at 7:56 pm

  • Copy link
  • Add topic to favorites

  I am trying to get my home page solid black. This is is 2137. This is what I have tried so far.
  body.home {
  background-color: #000000;
  background-image: none;
  }
  Please Advise,
  Gail

• 

  thesacredpath · Member · May 6, 2015 at 2:45 am

  • Copy link

  Gail, let’s start with this.

  .site {
      background: #000;
  }
  body, button, input, select, textarea {
      color: #fff;
  }
  .entry-title {
      color: #fff;
  }

• 

  onyx2018 · Member · May 7, 2015 at 12:47 pm

  • Copy link

  Thank you. That code worked well. If you are able to assist further, I would like the title of the page as well as the border surrounding the menu symbol to be black as well as to ‘blend’ in with the background whereby appearing nonexistent.

  Regards,
  Gail Kozlinski

• 

  thesacredpath · Member · May 7, 2015 at 7:32 pm

  • Copy link

  On the menu symbol, I’m now seeing no border and the background is the same color as the sidebar on the right. If I hover over the symbol it turns red. Is what you have now what you are looking for?

  On the page titles, are you talking about like About Us at top left on your about page? If so, you have this in your Custom CSS. Change fff to 000 in the color declaration to turn page titles to black so they blend in with the background.

• 

  onyx2018 · Member · May 7, 2015 at 9:28 pm

  • Copy link

  Thank you. The title(s) of all the pages are now blending in with the background. The sidebar is black however it is a shade of black and it is not the same code as #00000. Can that be changed? Also when hoovering over the menu icon, can the background remain black versus red?

  Thank you again,
  Gail Kozlinski

• 

  onyx2018 · Member · May 7, 2015 at 9:33 pm

  • Copy link

  P.s. Those specs I only want to apply to the first page, The FrontPage.

• 

  thesacredpath · Member · May 8, 2015 at 1:06 am

  • Copy link

  Give the following a try. All of the below applies only to the front page of your site. All other pages will have the lighter grey sidebar and the red hover on the menu.

  .home .sidebar-toggle, .js body.home::after {
      background: none repeat scroll 0 0 #000 !important;
      border: #000;
  }

• 

  onyx2018 · Member · May 8, 2015 at 2:25 am

  • Copy link

  Thank you so much. Last request to close the topic – may I have the code to change the font color of the footer?

  Gail Kozlinski

• 

  thesacredpath · Member · May 8, 2015 at 6:19 pm

  • Copy link

  Sure thing, add the following and adjust the color as desired.

  .site-info, .site-info a {
      color: #cc0000;
  }

  On the footer credits, keep in mind that not only do they have to remain in the footer, but they also have to remain visible, so if you are going to darken them, make sure you don’t get them too dark. Thanks in advance for that.

• 

  onyx2018 · Member · May 16, 2015 at 2:09 pm

  • Copy link

  Hello Again,

  I’ve been tinkering on my own with the CSS you advised for the home page sidebar theme,

  .home .sidebar-toggle, .js body.home::after {
  background: none repeat scroll 0 0 #000 !important;
  border: #000;
  }

  How would I change those specs to apply to all the sidebar(s) on all pages?

  Thank You

• 

  kathrynwp · Staff · May 21, 2015 at 9:51 pm

  • Copy link

  How would I change those specs to apply to all the sidebar(s) on all pages?

  Just remove the .home selector:

  .sidebar-toggle, .js body.home::after {
  background: none repeat scroll 0 0 #000 !important;
  border: #000;
  }

  If you have additional questions, could you please start a new thread so they aren’t missed, thanks!

  I’m marking this one as resolved and closing it now.