Make blog wider – please help!

  • Author
  • #1371554

    I have read a few posts on this but I’m still struggling as I don’t know where to start even finding the code that controls the width of the blog – all I can see is the standard welcome to custom CSS message.

    Would really appreciate a dummy’s step-by-step guide to making it a bit wider.


    The blog I need help with is


    Hi there and welcome to the world of CSS. Once you get the hang of the basics, I think you are really going to love it, and we are here to help.

    Since you are using Firefox, I would recommend the Firebug add-on which allows you to identify the CSS selectors for the different elements and parts of your site so that you can then change them. It shows the HTML code on the left and then the CSS code on the right.

    Take a little bit of time to look at some of the documentation and watch the introduction to Firebug video and that will get you on your way with the basics.

    You are currently using a very good responsive width themes, and widening it is quite easy as there is only one thing to change, the maximum width in the #page rule. Go to the CSS edit page and delete the informational text and paste in the following and change the 1000px value as desired.

    #page {
    max-width: 1000px;

    This will widen the theme and the main content area and the sidebar area will widen in proportion. If you want to narrow the sidebar or change the proportions of the main content and sidebar, that can be done pretty easily as well.

    Work a little with Firebug to get the general hang of it and when you have questions, we can help get you going in the right direction. I’ll offer the following support documents in the event you have not seen them, which can help with the basics.

    CSS Basics
    Editing CSS


    Thank you so much you are a saint! It looks so much better now :-)


    You are welcome.

The topic ‘Make blog wider – please help!’ is closed to new replies.