Tagged: , , , , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #10075

    I’m using the boxed layout and was wondering if there was an easy way to widen the box bounds?



    This is not easily possible because the layout is build on a 960px grid and if you change the box dimensions you’ll break the existing layout (column widths, etc.).

    Best regards,



    Thanks, once I started looking at it, as long as I can have help removing the right sidebar on the front page to have my content span the width of the boxed layout, I won’t need to actually widen the entire website.


    Hey! if you want to use a single page on the front page simply select the full width template as layout to display a page without sidebar.

    If you want the blog page on your front page to have no sidebar open the index.php file and change the class of the template blog div from

    class='content grid9 first'


    class='content grid12 first'

    then remove the


    at the bottom.

    Last but not least you would need to modify the picture size for preview images to your likings in functions.php

    $avia_config = array('width'=>574, 'height'=>200); // image for blog posts

    modify the width to 741

    $avia_config = array('width'=>741, 'height'=>200); // image for blog posts

    If you want to use your blog on a subpage and not the frontpage you would need to do the same modifications with the template-blog.php file


    I read the post above, but would like a different solution.

    I am using the default styles.css and minimal css. I would like to add to the custom.css so that the page is wider.

    I understand the default width is 960px with (some default padding/margins and…) the sidebar as 290 and the content as 640.


    What I would like is a sidebar wide enough so my widgets can be 300 wide, so maybe a sidebar of 310 or 320 (that means 300 + whatever default padding is there) and a content area that is minimum 640 (like now) and maximum 800. On my monitor with 1440 wide, I should see the full 800 width. The ‘site’ can float in the center of the browser window exactly as it does by default. That is fine.


    What css do I add to the custom css so that I have a sidebar width of 320 and a content of minimum-width 640 and maximum 800. Thanks for your help.


    So if I understand it correctly you want a website that is responsive to the browser width?

    If thats the case I am sorry that I have to disappoint you, this task is way too much for a forum support request. Modifying a theme to be responsive and work perfectly fine can take up several hours. If you need a modification like this:

    I have recently opened a thread on themeforest for authors who can be hired and know their way around WordPress. You might want to contact one of those:


    Hope this helps!

    Best regards


Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Widen Website’ is closed to new replies.