Support » Themes and Templates » Minor edit in Connection tempate

  • 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

Viewing 5 replies - 1 through 5 (of 5 total)
  • 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!

    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 🙂

    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.

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

    Cheers! It was that wee gif 🙂

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Minor edit in Connection tempate’ is closed to new replies.