WordPress.com

1. portableplaying
   Member
   Nov 28, 2011, 4:05 PM

   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 portableplaying.com.

2. designsimply
   Happiness Engineer
   Nov 28, 2011, 5:20 PM

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

   #content {
       background-color: #fff;
   }

3. designsimply
   Happiness Engineer
   Nov 28, 2011, 5:34 PM

   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;
   }

4. portableplaying
   Member
   Nov 28, 2011, 5:56 PM

   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?

5. designsimply
   Happiness Engineer
   Nov 28, 2011, 7:46 PM

   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;
   }

6. portableplaying
   Member
   Nov 29, 2011, 2:36 PM

   thank you!

Topic Closed

This topic has been closed to new replies.