changing text color for widget are

• 

  onbroadwaynyc · Member · Jan 15, 2016 at 8:59 pm

  • Copy link
  • Add topic to favorites

  i just changes my background as to a darker blue, and now we can’t read the text in the right hand column widget are. recents posts, categories archives etc

  iff like to change this text from the dark gray to either yellow or white

  thanks

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

• 

  samjhamdy · Member · Jan 15, 2016 at 9:11 pm

  • Copy link

  Hi there!

  I’ve reviewed your site, and I do see the dark blue background. However, the background of your sidebar (right hand column) is still a light gray. Here’s a screenshot:

  https://cloudup.com/caLf5TifXC8

  If you change the text in the sidebar to yellow or white, it will be barely visible against the light gray background.

  Let us know how you’d like to proceed.

• 

  onbroadwaynyc · Member · Jan 15, 2016 at 9:22 pm

  • Copy link

  hmm i see it as far blue.

  i added the text

  .widget-area {
  background: #113e63;
  }

  to make the widget are blue

  i definitely want the text to text to be yellow to white and I like the ability to change the color of the blog posts too , as its dark text on a blue background

• 

  samjhamdy · Member · Jan 15, 2016 at 9:32 pm

  • Copy link

  Thanks.

  I’m now seeing the dark background in the sidebar, too. Not sure why it wasn’t showing before.

  You can add the following rules to set your headings to white and your content to light blue, for both your posts and sidebar:

  h1.widget-title, h1.entry-title {
  	color: #FFFFFF;
  }

  div.entry-content {
  	color: #C1D5E3;
  }

  Let us know if you need anything else.

  Cheers!

• 

  onbroadwaynyc · Member · Jan 15, 2016 at 10:18 pm

  • Copy link

  worked like a charm thanks

  Ben

• 

  samjhamdy · Member · Jan 15, 2016 at 11:29 pm

  • Copy link

  Hey Ben!

  Glad that worked for ya. If you’d like to learn more about creating your own custom CSS, we have some great resources here:

  https://en.support.wordpress.com/custom-design/css-basics/

  https://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/

  Cheers!