Need help? Check out our Support site, then


Text/Post Background-How to Change?

  1. 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. To make the main content area white in the Bold News theme, start with this:

    #content {
        background-color: #fff;
    }
  3. 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. 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. 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. thank you!

Topic Closed

This topic has been closed to new replies.

About this Topic