Need help? Check out our Support site, then


How to adjust content width and side bar width?

  1. zhenyakanaevagymnasium
    Member

    Can anyone help me? thank you!!

    The blog I need help with is mariatitovatheswan.com.

  2. Can you expand on that a little? Do you want to increase the width of the content so it is as wide as the lines in the post header area? If so, add the following.

    .entry-content, .entry-summary {
    padding-left: 0;
    padding-right: 0;
    }

    With the above change, the gap to the left of the content and to the right of the sidebar widgets is essentially the same. Do you want to reduce the gap to the right of the widgets and then widen the widgets to recover that reduction? If so, add the following and adjust the 4% right margin and then the width as desired.

    .secondary #main .widget-area, .secondary #colophon {
    margin-right: 4%;
    width: 28.164%;
    }

    First try taking the width up a little to say 30% and see how that works before narrowing the right margin. If you narrow the right margin, then you will also have to narrow the margin to the left of the content to balance things. You can do that here.

    #primary #content {
    margin-right: 36.5%;
    margin-left: 4%;
    }

    The margin-right value sort of works backwards from what you might expect. Decrease the value to increase the width of the content area.

    I hope I haven't totally confused you.

  3. zhenyakanaevagymnasium
    Member

    Thank you very much for your answering!!! I want to increase the width a bit, just need to increase the width a little. I will try your instructions.

  4. If you have any problems, just let us know.

Topic Closed

This topic has been closed to new replies.

About this Topic