Customizing Blix Width

• 

  annesabino · Member · Jul 17, 2008 at 7:53 pm

  • Copy link
  • Add topic to favorites

  Hi, new to CSS and I’ve purchased the upgrade. I’m looking to widen the columns, mostly the left column where I post the majority of my work. I mostly post photos, and my clients would like to see larger images. BUT, I don’t know where to begin. I love blix’s color choices and pretty much everything else, so I’m looking to keep it very close to what it is. My blog is at http://myphotography.wordpress.com .

  Any help or direction is appreciated. Thanks!

• 

  boblets · Member · Jul 18, 2008 at 5:12 pm

  • Copy link

  Well.
  If you want to understand CSS fairly well, here is a simple advice:
  I set a diffrent coloured border in (around) every container I can find. That will show you what is called what. Into the {} of anything that is called something like header, column, page, footer etc., you just add “border: 1px solid green” (and change colours for each.)
  This makes it a good deal easier to see the structure of your blog, and makes it very easy to make any changes.

  If you’d rather make a guess and try, find the selector called “content” and try to alter the size. There might be a sideeffect to changing that, but try it and see what happens. I cannot access your css for some reason, so give it a go and see what happens.

• 

  vivianpaige · Member · Jul 18, 2008 at 8:50 pm

  • Copy link

  #container {
    width:690px;
    margin:0 auto;
    padding:30px 30px 0 30px;
    text-align:left;
  }

  I think this is the width of the blog itself

  #content {
    float:left;
    width:455px;
    padding-top:32px;
    overflow: hidden;
  }

  And I think this is the width of the left column.

  Try changing those.

• 

  annesabino · Member · Jul 19, 2008 at 6:47 pm

  • Copy link

  Wow, thanks for the starter tips. I’ll be playing around with this for a while. Much appreciated!

• 

  boblets · Member · Jul 19, 2008 at 7:11 pm

  • Copy link

  Happy to help. Seems you got it working.

• 

  vivianpaige · Member · Jul 19, 2008 at 8:38 pm

  • Copy link

  One thing I’d recommend: reduce the number of posts on the front page – or at least the number of photos. I’m on a fast connection but the page loads VERY slowly.

• 

  vivianpaige · Member · Jul 19, 2008 at 8:38 pm

  • Copy link

  Oh – and you may want to redo your header. It is not as wide as what the rest of the site is now that you’ve changed the width.

• 

  annesabino · Member · Jul 20, 2008 at 3:02 pm

  • Copy link

  yep to the header comment. I’m attempting to fix that now. Thanks again! Constructive input is great.