Support » Themes and Templates » Customizing Shades of Blue Theme

  • I just switched my blog at coverfreak.com over to the Shades of Blue theme. I’ve tweaked it a little and I like it, but I’d like to make the left column narrower. Editing php code is not my strong suit so if somebody can point me in the right direction I’d appreciate it.

    Thanks,
    Steve McI

Viewing 7 replies - 1 through 7 (of 7 total)
  • In a file called style.css look for the following:

    #contentleft {
    float:left;
    margin:0;
    padding:20px 0 20px 10px;
    width:640px;
    }

    Change the width to your likings:

    #contentleft {
    float:left;
    margin:0;
    padding:20px 0 20px 10px;
    width:600px;
    }

    Peter

    You can most likely get away with just modifying the style sheet for the theme, and not the php code. The style.css file (http://coverfreak.com/wp-content/themes/shades-of-blue/style.css) needs to be edited in multiple places. I tested by replacing the width of the following elements by subtracting 100px from each:

    #content
    #contentleft
    #footer
    #copyright
    #wrap
    #header

    [signature moderated Please read the Forum Rules]

    Thread Starter stevemci

    (@stevemci)

    Thanks Joe, that did the trick for narrowing the left column. The only problem is that there is a vertical line that was at the right side of the left column that didn’t move. It’s now running down the middle of my sidebar. Do you know how I can move that line 100px to the left?

    Thanks,
    Steve McI

    Thread Starter stevemci

    (@stevemci)

    Joe, I also just noticed that those changes removed the navigation tabs from the top of my page.

    the vertical line is from a background graphic: http://coverfreak.com/wp-content/themes/shades-of-blue/images/wrap.png

    use a graphic program to cut 100px off the left side of the graphic to make the design narrower by 100px;

    the navigation tabs will be back if you change:
    .headerleft {width:340px;}

    Thread Starter stevemci

    (@stevemci)

    Thanks alchymyth. That got me where I want to be.

    Thread Starter stevemci

    (@stevemci)

    I’ve got another customization question. I currently have five tabs at the top of my page. I want to add another. How do I do that? I thought that if I published a page it would go up there like the other pages I’ve written, but no such luck.

    Thanks.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Customizing Shades of Blue Theme’ is closed to new replies.