Site Colors

• 

  williamdane · Member · Jul 15, 2016 at 10:04 pm

  • Copy link
  • Add topic to favorites

  Is there a way to change the colors of the site? I’d like to use the same orange in the logo. I’ve seen before where people will have a colored square when the cursor hovers over a menu item, could I do this with the same orange?

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

• 

  catscholz · Member · Jul 15, 2016 at 11:06 pm

  • Copy link

  Hi there –

  You have 2 choices as far as I see it:
  1) change your theme to one that has the colors you like or
  2) learn how to modify the colors/styles of your current theme using custom CSS.

  Let us know which route you would like to take and we can go from there.

  -Cat

• 

  williamdane · Member · Jul 16, 2016 at 12:25 am

  • Copy link

  Love the theme we’re using, just not the colors. So I guess it’s CSS time

• 

  catscholz · Member · Jul 16, 2016 at 12:30 am

  • Copy link

  Lol, yep! And CSS is fun once you get the hang of it!

  Here are some articles that should help:
  https://en.support.wordpress.com/custom-design/
  https://en.support.wordpress.com/custom-css/

  and if you would like a forum member to help you with your site, please make your site public so we can have a look.

  Best,
  -Cat

• 

  williamdane · Member · Jul 16, 2016 at 12:33 am

  • Copy link

  Ah! Didn’t realize it was private, try now!

• 

  hallluke · Member · Jul 16, 2016 at 9:29 am

  • Copy link

  I see you have already set up the link colours with CSS. Were you hoping to have the background change to orange when you hover over the menu items? If so, try replacing your code with this:

  @media (min-width: 768px) {
    .main-navigation li a {
  		margin: 0 1rem 0 0;
  		padding: 5px 10px;
  		border: none;
  	}
  	.main-navigation ul ul li a:hover {
  		color: #000
  	}
  	.main-navigation ul ul :hover > a {
  		background-color: #f27127;
  		border-color: transparent;
  	}
  }
  .main-navigation a:hover {
  	color: #000;
  	background: #f27127;
  }

• 

  catscholz · Member · Jul 16, 2016 at 4:44 pm

  • Copy link

  thanks @hallluke!

• 

  williamdane · Member · Jul 22, 2016 at 4:10 am

  • Copy link

  Thanks so much for your help on this!

• 

  catscholz · Member · Jul 22, 2016 at 4:31 am

  • Copy link

  welcome!