Enlarge main column (Text/picture)

• 

  teresebfoto · Member · Dec 29, 2011 at 10:11 pm

  • Copy link
  • Add topic to favorites

  Is it possible to enlarge the coulmn where my text/picture is shown, without changing the theme?

  I also wonder if it is possible to change the frame around my pictures?

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Dec 29, 2011 at 10:24 pm

  • Copy link

  All that is possible, but any images in existing posts or pages will not automatically resize larger. That is because when you insert an image, the height and width of the image inserted are part of the code. Existing images would have to be deleted and then reinserted.

  One thing to keep in mind when widening a theme is that over 20% of the web are still on display width resolutions of 1024px, so you have to keep those people in mind. The theme you are using, Bueno, has an overall width of 940px, and about the widest you would want to go to stay within a 1024px range is 990px (have to account for vertical scroll bar and browser window borders).

  Since the sidebar is secondary information, it could be narrowed some, but you don’t want to go too narrow or it will make things look our of balance.

  Bueno has a maximum image width of 499px in its stock form. How much wider were you wanting to go?

• 

  designsimply · Member · Dec 29, 2011 at 10:26 pm

  • Copy link

  Here’s a quick example showing how to widen the main column and make the sidebar smaller so you can see how it would look as one example:

  #main {
  width: 720px;
  }
  
  #sidebar {
  width: 200px;
  }

  In Bueno, the borders around the images are set with this rule:

  .entry img {
      border: 5px solid #B0B0B0;
  }

  And you could change the border color or remove it. Here’s what it would look like to remove the border:

  .entry img {
      border: none;
  }