Text/Post Background-How to Change?

  • Author
    Posts
  • #762921

    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.

    #763225

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

    #content {
        background-color: #fff;
    }
    #763232

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

    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?

    #763270

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

    thank you!

The topic ‘Text/Post Background-How to Change?’ is closed to new replies.