would like to make div.sidebar wider

  • Hi,

    I’m working on the sandbox theme at this location: https://ymlc.com/mge/ and am having problems resizing the sidebar.

    I’ve uploaded an image explaining what I’d like to do here:
    https://3skimo.com/mg_rejig.jpg

    The right bar I would like to fill that whole space. If I resize div.sidebar to anything bigger the whole bar drops down below the rest of the layout. I thought I could maybe move the sidebar around using left: and right: but that just seems to move all the bars. What am I doing wrong? Any help would be greatly appreciated. I’m sure I’ll kick myself when someone tells me the answer but I just can’t solve the problem.

    Thanks.

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi,

    i guess, the width of your sidebar must be “in sync” with the width of main part — try to find some numbers common for both sidebar and main.

    For example, my style.css contains:

    [...]
#outer-column-container { border-left: solid 16em #ffffff; border-right: solid 16em #ffffff; }
#right-column {float: right; margin-right: -16em; width: 16em; margin-left: 1px; }
#left-column {float: left; margin-left: -16em; width: 16em; margin-right: 1px; }
[...]

    So, i need to change all that “16em” and “-16em” lets say “in sync”.

    Thread Starter lisharts

    (@lisharts)

    Hi,

    Thanks for your post. In the end I found there were two seperate classes controlling these. I got the columns all set to the correct size but for some reason they all now seem to be sitting one after another on the page, rather than sitting side by side. Anyone know what could cause this?

    https://ymlc.com/mge/

    Thanks.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘would like to make div.sidebar wider’ is closed to new replies.