WordPress.org

Ready to get started?Download WordPress

Forums

Minor edit in Connection tempate (6 posts)

  1. soulguy
    Member
    Posted 8 years ago #

    Hello there!
    I remember trying to install WP a couple of years ago, with no luck at all. Today I did it in less then 2 minutes! However I have just a wee change I would like to do to the beautiful template "Connections". I would like to change body color (or where all the main text goes, the text area) to white. I've been trying different edits in the css, but always ends up with ruin the whole template. This is a minor thing so hopefully someone out there can help me with a quick and nice answer.

    Regards
    Jesper, Sweden
    http://www.soulguy.com <---- where i would like the changes

  2. petit
    Member
    Posted 8 years ago #

    Hi soulguy!

    Case A. Every post resides within a <div class="post"> so if you want to change the off white background for the whole post, including the title and meta data ( publish time, category ), you would change the rule for the class "post".
    It looks like this now:
    .post , .page
    {
    margin:0 0 30px 0;
    }

    and you could add background: #FFFFFF; to this rule.
    This will of course also change the the background color of the page class. If you don't want this to happen, you don't add the rule to .post, .page but create a new rule:

    .post
    {
    background: #FFFFFF;
    }

    B. If you want to change the background only for the text of your post you use the post-content class
    The text resides in its own class : ´<div class="post-content">´

    The style for the post-content class looks like this:
    .post-content, .page-content {
    padding:10px 0;
    margin:3px 0;
    border-top:#BBC4A3 1px solid;
    font-family: Georgia, Verdana, Arial, serif;
    font-size:12px;
    }

    If you add the ´background: #FFFFFF;´ to this class, as you can imagine, the background for the page-content will also change. As in the A. case, you can create a new rule below this one explicitly for the post content:
    you want to change the off white background for the whole post, including the title and meta data ( publish time, category ), you would change the rule for the class "post".
    It looks like this now:
    .post , .page
    {
    margin:0 0 30px 0;
    }

    and you could add background: #FFFFFF; to this rule.
    This will of course also change the the background color of the page class. If you don't want this to happen, you don't add the rule to .post, .page but create a new rule:

    .post
    {
    background: #FFFFFF;
    }

    B. If you want to change the background only for the text of your post you use the post-content class ( The text resides in its own class : ´<div class="post-content">´ )

    The style for the post-content class looks like this:
    .post-content {
    background: #FFFFFF;
    }

    The rules already set for the post-content class still apply and the new background rule is added.

    Good luck!

  3. moshu
    Member
    Posted 8 years ago #

    Isn't that bg a tiny image?
    http://www.soulguy.com/wp-content/themes/connections/img/content_bg.gif
    You have to go Edit > Select all in your browser to see it actually :)

  4. msadventures
    Member
    Posted 8 years ago #

    Yeah, the background for that theme is a very tiny image with a bit of a stripe drawn on....just recolor it in paint or photoshop.

  5. petit
    Member
    Posted 8 years ago #

    If you want to change the whole background for the page content and not only for the post go with moshu and msadventures!

  6. soulguy
    Member
    Posted 8 years ago #

    Cheers! It was that wee gif :)

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags