Text/Post Background-How to Change?

• 

  portableplaying · Member · Nov 28, 2011 at 4:05 pm

  • Copy link
  • Add topic to favorites

  Hey,

  I’m from Germany and very new to WordPress especially the CSS-Features. For my little german blog about games: ( portableplaying.com ) I added a new background-image. But now you can’t read the text in the articles anymore. Can you tell me how I can change only the text-background to white e.g. using CSS?
  It would be great if i could get help….

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

• 

  designsimply · Member · Nov 28, 2011 at 5:20 pm

  • Copy link

  To make the main content area white in the Bold News theme, start with this:

  #content {
      background-color: #fff;
  }

• 

  designsimply · Member · Nov 28, 2011 at 5:34 pm

  • Copy link

  Maybe add some borders and a little padding to make it look a little nicer:

  #content {
      border-left: 1px solid #D8E0E5;
      border-right: 1px solid #D8E0E5;
  }
  #main {
      padding-left: 15px;
  }

• 

  portableplaying · Member · Nov 28, 2011 at 5:56 pm

  • Copy link

  Thanks for this great help!

  Another question: Is it possible to have some little spaces where you can see the background between the posts at the front page?

• 

  designsimply · Member · Nov 28, 2011 at 7:46 pm

  • Copy link

  Sure, but you’d want to change the background differently in that case. Try something like the following. This will change the background to white for just a few areas on the Bold News home page.

  #breadcrumb, .blog-title, .post, .nav-entries, #sidebar {
     background-color: white;
  }

  Note that you should also check other pages like archives and single posts and pages too. For example, the title is class=”archive_header” on archive pages instead of class=”blog-title” like it is on the home page.

  Next, you may also want to adjust the spacing of things differently. Here’s a start:

  #breadcrumb {
      padding: 5px;
  }
  
  .post {
      padding: 10px;
  }

  And this lines some things in the sidebar up:

  #facebook-likebox-3 iframe {
      padding-left: 15px;
  }
  
  #tabs {
      margin-left: -10px;
  }

• 

  portableplaying · Member · Nov 29, 2011 at 2:36 pm

  • Copy link

  thank you!