Post background color, text and title color for Wilson

• 

  hardnwet · Member · Dec 16, 2016 at 5:26 am

  • Copy link
  • Add topic to favorites

  Hi,
  I figured out the html coding to make my post background black and text white but I would like to see if I can put a css code in so I don’t have to put the html in every time. I also can’t get the post title to change to white. I’ve tried suggestions, from other posts in here, for other themes, and none of them worked. I didn’t see any posts on the Wilson theme so I’m hoping that perhaps the css for Wilson needs a different code from the other themes and that’s why it isn’t working.

  Thank you for your help!

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

• 

  eallas · Member · Dec 16, 2016 at 7:35 pm

  • Copy link

  Hey there!

  You can use the code below to solve both your problems. The h3 is for your first question and the h1 is for your second.

  .wf-active h3 {
      background-color: black;
      color: white;
  
  .wf-active h1{
      background-color: black;
      color: white;
  }

  Let me know how it goes!

• 

  hardnwet · Member · Dec 16, 2016 at 9:29 pm

  • Copy link

  It didn’t work. I even tried changing the white and black to #000 and #fff
  to see if that made a difference. Here’s my current CSS let me know if there’s a tweek I need to make to it. I had someone else do it but he was a pain to work with so I’d rather not contact him again. Maybe posting the CSS will help others wanting a similar color scheme too. Last two on there are the ones you told me to post (that didn’t work) should I have put them somewhere else in the coding?

  .hentry {
  background-color: #000 !important;
  padding: 2em;
  border: 2px solid #000;
  }

  .entry-content {
  background-color: #000;
  padding: 2em;
  }

  .main-navigation {
  display: none;
  }

  .textwidget {
  color: #fff;
  font-size: 16px;
  }

  .wf-active .site-title {
  font-size: 20px;
  font-weight: 700;
  }

  .site-content .widget-area .widget {
  padding: 0;
  margin: 15% 15% 0;
  }

  .widget_wpcom_social_media_icons_widget a {
  font-size: 28px;
  }

  .entry-title a,.entry-meta a {
  color: #fff;
  }

  .post-edit-link {
  color: #fff !important;
  }

  .post-edit-link:hover {
  color: #de0606 !important;
  }

  .post-title h1 {
  color: #FFFFFF;
  }

  .wf-active h3 {
  background-color: #000;
  color: #fff;

  .wf-active h1{
  background-color: #000;
  color: #fff;
  }

• 

  melindahelt · Staff · Dec 17, 2016 at 5:05 pm

  • Copy link

  Hi

  You are missing a closing bracket between he last two entries. Like this:

  .wf-active h3 {
  background-color: #000;
  color: #fff;
  }
  
  .wf-active h1{
  background-color: #000;
  color: #fff;
  }

  Hope this helps!

• 

  eallas · Member · Dec 17, 2016 at 5:08 pm

  • Copy link

  @melindahelt It’s always the one bracket! Thanks for catching that.

• 

  hardnwet · Member · Dec 17, 2016 at 7:40 pm

  • Copy link

  Ok. So that worked for the title but is there a code to make the body of the post black with white font? I have the html to but I hate typing that EVERY single time I want to post something.

• 

  hardnwet · Member · Dec 17, 2016 at 8:04 pm

  • Copy link

  I got it to work. I just posted the following under what you had me put.

  body {
  color: #fff;
  }

  h1 {
  color: #000;
  }