I changed Column width options But How do I change the size of page and post containers ?

  • Anonymous


    I changed my page size from 960px to 1000px through graphene column width options.

    How can I modify the size of my posts and pages container and make them 980px ( I believe that looks right) to expand the posts and pages to fill in there new extra room ?

    I cant figure out the CSS to put in my child theme using fire bug ?

    Thank you for any help

    Is all I have to do is this ?? :

    .container_16 .grid_16 {
    width: 980px !important;

    I am not sure what else I have to change , I see other stuff that says prefix and other sizes I am not too certain if I need to change something else or if what I am changing is even right?




    Then select third option down “Column Width Options”

    Then change the column widths for post and sidebar content.

    I assume you put 1000px in the Container width.

    Now put content width and sidebar width of whatever you need.

    I use 1200px for container and 840px for content with 280px for sidebar

    You could drop the sidebar and just do 980px for content, and 0 for sidebar ?

    Does that help ?



    I do not use any pages with sidebars. I am referring to how to properly change the standard width of normal pages and posts that do not have sidebars. Through the graphene column options on observation there is no option for this so I have to do it with CSS somehow,

    Through the graphene options I changed the container width to 1000px now I have to change the pages and posts width ( that have no sidebars)

    So I would like to know how to do this through css properly , as I am not sure if the code I posted above is all I need to change.



    I just tested this, and if you use the single sidebar option, but change the settings to:

    Container 1000px

    Content 980px

    Sidebar 0px

    You get the right result, except for the header image which is now a bit small, and needs re-uploading maybe ?

    The single column NO sidebar option, does what you say and keeps the setting at the default one.

    It should work if you can’t find a CSS way.








    Thank you for going out of your way to help me , I really appreciate it.

    Ok I understand your idea, on another test site I did exactly what you said ( except I chose to change the 2 sidebar widths )

    So all I needed to add in order for your way to work perfectly to CSS was this :

    #sidebar1, #sidebar2 {
    display: none;
    float: none;
    margin-top: 0;
    padding-bottom: 0;

    .warning_block, .error_block {
    display: none;

    The first part of the css is to prevent a huge space gap that appears on top of the footer and the second part is to remove the error message that pops up when you have no widgets in sidebar 1 and 2.


    1. ) BUT Doing it the way you told me to PREVENTS me from having sidebars on any pages ?

    2.) I notice the page is slower , like it appears to lag when using the scroll bar — The site I used your method on is a site I am working on : Pantryliquors2.com

    I will leave the site like this until you get to see it 🙂


    Kenneth John Odle

    the second part is to remove the error message that pops up when you have no widgets in sidebar 1 and 2.

    This error message only shows up when you are logged in.



    I know, but I wanted to remove it from showing when I was logged in.

    Can you help me with my question in the post above 🙂 as I am still lost in solving this issue



    Ian. I saw your test page. I can’t tell on the speed as I am on an ultra slow connection right now, and everything is slow 🙁

    However, to get the no sidebars effect on just the front page only, there has to be a way.

    I have used a plugin before that allowed me to have a different front page layout, but I haven’t tried that on Graphene yet. I am still a learner on many things WordPress.

    I did just see this ” You can use a different template for a static front page with Graphene. Just edit the page and under “Page Attributes” choose a different template.” It may be worth looking into.

    There is a demo of it here: http://demo.graphene-theme.com/layout-and-formatting/column-modes/one-column/

    Front page is all one column, with the sub pages (the couple I looked at) having a side column.

    Let me know how you get on 🙂



    ABC Diamond upon looking at your method again, you are correct. Your method of just setting sidebars to 0 on 3 column mode only and setting the content width to 1000px while NOT changing 2 column mode , allows for a sidebar and allows to have the expanded width on the page. All I added was this :

    #sidebar2 {
    display: none;
    float: none;
    margin-top: 0;
    padding-bottom: 0;

    .warning_block, .error_block {
    display: none;

    : and Everything is fine and works great now, thank you for your help



    Glad I could help 🙂

    I have been puzzled about pages with and without sidebars though, but have done all my testing on posts.

    I have just realised that PAGES have the option for those Templates, while POSTS do not. I need to find a way to get that same option onto posts, then I can use the CSS that you have shared here.

    We both gain 🙂 Thanks

Viewing 10 posts - 1 through 10 (of 11 total)

  • 1
  • 2
  • You must be logged in to reply to this topic.
Do NOT follow this link or you will be banned from the site!