Need help? Check out our Support site, then


Is it possible to widen the columns of my layout theme?

  1. fifteenspatulas
    Member

    Hello, I currently use the Oulipo by A. Mignolo theme for my blog, and I strongly prefer its clean layout, but I want to know if it's possible to CSS edit the middle column so it is a lot wider. There is too much dead space overall and I want my food pictures to display larger on the screen. I have read a bit on the forums, and some say it varies from theme to theme how complicated it is. I know nothing about CSS so it's all complicated to me, but if it's something relatively simple, I will learn CSS so I can manipulate it. But I am really unsatisfied with how small the food photos are displaying.

    The blog I need help with is fifteenspatulas.com.

  2. First off to be kind to your readers who happen to be on slower internet connections I recommend going to settings > reading and setting your site to show 5 posts per page. Many are still on slower connections under 1.5Mbps and they will appreciate it on image heavy sites such as yours.

    Oulipo is a little strange as all the spacing and widths are done in EM units, which are not a set size, but based on the font sizes used in the theme. This makes it a little difficult to determine what the resulting maximum image size will be. Changing the widths in the three following by the exact same amount will widen the main area, but what you have to be careful with is that over 40% of users on the internet are still on 1024 x 769 monitor resolutions and if you make the overall width of your site 1200px wide, that means people are going to have to scroll horizontally to be able to see the whole page. That is one of the top 10 things people dislike on the web, horizontal scrolling.

    What you would do is increase all three widths below by the same amount (example 65, 55, 35). If you did this, the width of the post area would go up by around 16%, so in the "maximum image and video width" field at the bottom of the CSS text area, you would take the standard number and increase it by 16% and enter that number. Again though, you always want to consider your visitors when widening a theme, and you don't want to cause a bunch of them to have to scroll horizontally to see your stuff.

    #wrapper {
    width: 60em;
    }
    
    #content {
    width: 50em;
    }
    
    #entry-content {
    width: 30em;
    }
  3. fifteenspatulas
    Member

    Thanks so much for your detailed response! Since I would have to pay for a CSS upgrade, I am considering even just switching my blog over from wordpress.com to wordpress.org, and finding a host. It just seems like you have so much more freedom for layout/design with wordpress.org. It intimidates me a bit since I know nothing about CSS, but looks like I will have to learn =)

  4. It is fun to see the changes. On the wordpress.ORG self-hosted thing, just remember that with it comes a lot more responsibility. You have to do all installations and upgrades, you have to do all backups, and if something goes wrong, you have to figure it out and fix it.

    If you go that route, do backups faithfully and regularly, and when thinking about how often to do them, consider how much stuff you are willing to lose and have to recreate. I suggest once a week, especially if you blog each day, and make sure and do complete backups including the database and all files and folders.

  5. fifteenspatulas
    Member

    Eeeeek! See, all that stuff scares me. It's nice that wordpress.com takes care of all that for you...but at the same time, I see a lot more freedom in the wordpress.org world. Not just in layout, but you can also have advertisements (I could see myself considering that somewhere down the line), and also I could use google analytics instead of the wordpress.com statistics, which I find to be a little bit.....vague. They give you some good info, but there is more I would like to know.

Topic Closed

This topic has been closed to new replies.

About this Topic