Custom Theme Color

Hi. What I would like to do is to create a custom theme color. For instance, when I chose the "blue" theme color, I get a dark blue and a light blue. I would like to be able to change those colors to match our 2 color logo. When looking at the footer, the lighter color is on top.

These are not the colors, but lets say I wanted to use #706E6E for the bottom and #6A61E4 for the top. Can this be done?

Also, could I change the color of the menu buttons to a different color completely?

 

Hello,

Could you please provide us your site URL along with some edited screenshots so that I can assist you accordingly.

 

ruralhallasa.com

I have attached a screenshot that will show what I am looking for. The color in the logo is close to the color in the menu right now, but throughout the year we change the color scheme of the logo depending on several factors. I would like to be able to change the theme color to exactly match the colors in the logo. In this example change the menu color to the exact pink in the logo. In the screenshot you can see that the footer is a dark pink and a light pink. I would like to be able to change that to also match the two colors in the logo. So, one color would be the pink in the logo and the other color would be the blue.

Through CSS can I change the colors independantly?

I really appreciate your help.

 

Hello Kevinbarker,

Please paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard:

Code:

#menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover, #menu li.current_page_item a{
background: #A10067;
}
 
.footer-container {
  background: #019CB9;
}
.footer-navi {
  background: #009CBA;
}
.navigation p {
  color: #A10067 !important;
}
.navigation a {
  color: #A10067 !important;
}

Hope it will solve your issue.

 

That worked perfectly. Thank you.