Color Changes CSS Coding for Text Background (not the site background) and Font

• 

  tf1sinc · Member · Mar 25, 2015 at 6:53 pm

  • Copy link
  • Add topic to favorites

  I need help with the CSS coding to make our “white” background a different color, and also to make the black text “white”.

  The purple on the sites normal background is fine. but with the white its just too eye straining.

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

• 

  thesacredpath · Member · Mar 26, 2015 at 9:54 pm

  • Copy link

  Hi there, this isn’t an easy task since there are a lot of CSS rules involving font colors. Here is a start for you though.

  .post, .type-page, .type-attachment, .site-footer .site-info, .widget, .site-header {
      background: none repeat scroll 0 0 #333;
  }
  .entry-body .content p, .entry-body .content h1, .entry-body .content h2, .entry-body .content h3, .entry-body .content h4, .entry-body .content h5, .entry-body .content h6 {
      color: #fff;
  }
  .post .entry-title, .post .entry-title a, .type-page .entry-title, .type-page .entry-title a, .type-attachment .entry-title, .type-attachment .entry-title a, .jetpack-portfolio .entry-title, .jetpack-portfolio .entry-title a, .widget-title, .widget-title a {
      color: #fff;
  }
  div.sharedaddy h3.sd-title, div.sharedaddy body {
      color: #fff !important;
  }
  .edit-link a {
      color: #cc0000;
  }
  .menu > ul > li > a, .main-navigation .menu-item > a, .menu ul .page_item > a, .menu ul .current_page_item > a, .main-navigation > div > ul > li > .sub-menu li a, .main-navigation > div > ul > li > .children li a {
      color: yellow;
  }
  .main-navigation a:hover {
      color: red;
  }
  .site-description {
      color: lightgreen;
  }
  .social-icons a {
      color: yellow;
  }
  .icon-pxu-wp-icons-search::before {
      color: yellow;
  }
  .site-footer .site-info p, .site-footer .site-info a {
      color: lavender;
  }