WordPress.org

Ready to get started?Download WordPress

Forums

Customizr
Can the width of the sidebars or main body be changed? (7 posts)

  1. dfwmax
    Member
    Posted 6 months ago #

    I've looked everywhere trying to find the answer to this question.

    I need to either decrease the size of the sidebars or increase the size of the main body while keeping it responsive. I was going to reduce the size of both sidebar to widen the main body area.

    Need to have main body area wider but not as wide as it is now.

    Thanks in advance.

  2. Laura Hartwig
    Member
    Posted 6 months ago #

    Hi,
    You should be able to do this by changing your .span classes in the Custom CSS area. Use a CSS inspector to be sure, but I'm thinking you need something like this:

    .span9 { width: 970px}
    .span3 {width: 170px}

    Hope this helps!

  3. dfwmax
    Member
    Posted 6 months ago #

    Laura

    Thanks for the code. Still can't get it to work. I put it in my child theme and changed the pixels and nothing. I can't find the "span" information using firebug. Of course I'm relatively new at this so it may be right in front of me and I can't see it.

    Again, thanks for the help. If you think of something else let me know. If I find the answer I'll post it here.

  4. Laura Hartwig
    Member
    Posted 6 months ago #

    a link to your site would help.

  5. acub
    Member
    Posted 6 months ago #

    @LauraHartwigDesign, please try to grasp the concept of responsive layout before giving advice on layouts for responsive themes. Just change the width of your browser after applying the solution you suggested above and you'll see what I mean.
    Here's a good starting point: TBs scaffolding#gridSystem.

    @dfwmax: yes, it can be done. First, look at the grid system in the link above, to understand how it works. After that, a practical solution for your problem would be installing RTFR plugin and adding these replacements:

    If you want to enlarge the left bar and use left bar layout:
    Replace

    span3 left tc-sidebar

    with

    span4 left tc-sidebar

    and

    span9 article-container

    with

    span8 article-container

    .

    Now let's assume you use both sidebars and want a narrow left bar and a very wide (5 spans) right bar:
    Replace

    span3 left tc-sidebar

    with

    span2 left tc-sidebar

    and

    span6 article-container

    with

    span6 article-container

    and

    span3 right tc-sidebar

    with

    span5 right tc-sidebar

    . I hope you got the idea.

    However, if it can wait, there's good news ahead: nikeo plans on implementing a theme option that will allow you to select the width of each of the sidebars in a future version, probably next one.

  6. dfwmax
    Member
    Posted 6 months ago #

    @acub

    It can wait now that I know a change is in the works.

    Thank you for the help. Your immediate solution is way over my head I'm afraid. But I'm sure it will help other more advanced users.

  7. haMakt724
    Member
    Posted 3 months ago #

    Posting just to say big thank you to acub! You solution worked perfectly. Have a great 2014!

Reply

You must log in to post.

About this Theme

About this Topic