Expanding the Widths of the Page

  • ttdsinfo

    #2524

    good morning all, I’ve been using this theme for a few months now and love everything about it. I’m currently trying to figure out how to expand the total overall width of the site so that I can have use both sidebars but not have my content squished between them. Any ideas or straight up explanations would be amazing lol thank you so much

    Josh

    #20691

    Okay… here we go…

    Are you using a child theme? Do you know how to add custom CSS to the stylesheet within the child theme?

    Admin

    Syahir Hakim

    #20692

    Or you can wait until the next update. I’m currently working on implementing customisable widths function into the theme.

    ttdsinfo

    #20693

    damn that’s lucky but guess a feature a lot of users are asking for. thank you so much and the theme is amazing, look forward to the update!

    Josh

    #20694

    Syahir,

    Glad to hear that! Seems to be a lot of people requesting this feature. I was getting ready to do a tutorial on it.. but will wait to see it’s implementation.

    ttdsinfo

    #20695

    Hey so I didn’t see the feature to change the widths in the latest update. Am I missing something or was it just pushed back? If anyone has any ideas on how to go about changing the widths of the sidebars or content area I’d love to hear how. thanks!

    Prasanna SP

    #20696

    The current version of Graphene is 1.5.6. If I can faintly recall my memory, Syahir is going to add this feature on 1.6 release.. http://twitter.com/syahirhakim/statuses/144362011160092672

    ttdsinfo

    #20697

    terrific, thanks for the update! Is there anyway to manual change the widths till then?

    Prasanna SP

    #20698

    A raw CSS code. Assuming you’re using 2 column, left sidebar layout. Change widths to suite your seeds. You may have to change the widths of slider, header image, sidebar and widgets as well..

    body{
    width: 1200px;
    }

    #container{
    width: 1150px;
    }

    .two-columns #content-main {

    width: 875px;

    }

    .two-columns .post {
    width: 720px;
    }

    It is always better to test codes in a test site…

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

You must be logged in to reply to this topic.