CSS color changes

• 

  anybabycan1 · Member · Mar 9, 2016 at 11:44 pm

  • Copy link
  • Add topic to favorites

  Hi! I’m looking for the CSS for the following items:

  Changing the navigation menu font color

  Changing the background color on the dropdown from the navigation menu

  Changing the background color behind the three featured content
  blocks under the header image on the home page

  Changing the header and footer color on the website.

  Apart from color, one other thing I need to try to figure out is our font. We’re using new fonts in our print materials with our new brand, but I don’t see them in WordPress – is there anyway to upload fonts to my site, or make some other font adjustment (I also don’t see these in the Adobe kit, and tried that already).

  I appreciate any and all insight/assistance. Thank you SO much!!!

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

• 

  charliescheer · Member · Mar 10, 2016 at 12:20 am

  • Copy link

  Hello,

  I have located some of the CSS tags you are looking for.

  Navigation menu font color:

  .menu a, .menu a:link, .menu a:visited {
  color: #xxxxxx;
  }

  Background color of drop down navigation menu:

  .menu ul.submenu, .menu ul.children{
  background-color: #xxxxxx;
  }

  Background color behind three featured content blocks:

  .homepage.top{
  background: #xxxxxx;
  }

  Header color:

  .row {
  background: #xxxxxx;
  }

  Footer color:

  #footer{
  background-color: #xxxxxx;
  }

  I don’t immediately see a way to upload custom fonts. I will dig around and see if I can find a way to do that.

  Hope this helps, let me know if you have any questions.

• 

  anybabycan1 · Member · Mar 10, 2016 at 5:30 pm

  • Copy link

  Hi! Thank you so much for all of this!

  Two things:

  I can’t get the CSS to change the background color for the dropdown menu items to change using the code you provided. Any tips?

  Also, on the home page, I need to change to color of the three “Learn More” buttons. Can you tell me how to do that?

  Thanks a ton!

• 

  thesacredpath · Member · Mar 10, 2016 at 8:17 pm

  • Copy link

  Hi, on the navigation, change what you have to this (note the dash (-) between sub and menu in the CSS selector.

  .menu ul.sub-menu, .menu ul.children {
      background-color: #058fcf;
  }

  On the buttons, the following will allow you to change the non-hover (first CSS rule below) and hover color of the buttons.

  a.btn, a.button, .reply a, #searchsubmit, #prevLink a, #nextLink a, .more-link, #submit, #comments #respond input#submit, form input[type="submit"] {
  	background-color: #ffee00;
  }
  a.btn:hover, a.button:hover, .reply a:hover, #searchsubmit:hover, #prevLink a:hover, #nextLink a:hover, .more-link:hover, #submit:hover, #comments #respond input#submit:hover, form input[type="submit"]:hover {
  	background-color: #00ff6f;
  }