Twenty fourteen color fix?

• 

  dubbedperceptions · Member · Oct 11, 2015 at 9:59 pm

  • Copy link
  • Add topic to favorites

  I noticed that there is an issue with the colors in TwentyFourteen. When I change the default colors, I get a light grey on the featured images. But I would like to have it in black.

  So I used this work around:
  A) I changed the colors in the color palette to what I want.

  B) I used this code:

  #featured-content {
  	background: #000
  }
  
  #featured-content .hentry {
  	color: #fff;
  }
  
  #featured-content .entry-header {
  	background-color: #000;
  }
  
  #featured-content a {
  	color: #fff;
  }
  
  #featured-content a:hover {
  	color: #ff0000;
  }
  
  #featured-content .entry-meta {
  	color: #fff;
  }
  
  .grid #featured-content .entry-header {
  	border-color: #000;
  }

  This gets me a long way, but the arrows to swipe between the featured content is black on white. It should be white on black, to be consistent.

  Also the font of the “Home” button is white with red outline instead of just white.

  Can someone help?
  Thank you!

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

• 

  dubbedperceptions · Member · Oct 11, 2015 at 10:02 pm

  • Copy link

  To add to my above post: Is it possible to change the colors of the dots in the featured post (that indicate which of the featured post one is looking at): now I have black and grey. Would be nice to use my red (FF0000)

  Hynek

• 

  ehtis · Staff · Oct 11, 2015 at 10:46 pm

  • Copy link

  Hi Hynek,

  Let’s see.

  the arrows to swipe between the featured content is black on white. It should be white on black, to be consistent.

  This should do it, give it a try:

  .featured-content .slider-direction-nav a {
      background-color: #000;
  }
  .featured-content .slider-direction-nav a:before {
      color: #fff;
  }

  As for the “Home” button, I believe it was reddish because it was the “active” page. If you open a different page from the menu, it will also have the same effect to indicate you’re currently on it.

  Is it possible to change the colors of the dots in the featured post (that indicate which of the featured post one is looking at):

  Yep! The following will do it. Active “dot” will be red:

  .slider-control-paging a.slider-active:before {
      background-color: #ff0000;
  }
  .slider-control-paging a.slider-active:hover:before {
      background-color: #ff0000;
  }

• 

  dubbedperceptions · Member · Oct 12, 2015 at 3:05 pm

  • Copy link

  Many thanks!
  Works like a charm.

  Hynek

• 

  ehtis · Staff · Oct 12, 2015 at 4:34 pm

  • Copy link

  You’re very welcome! :)