Support » Themes and Templates » Sidebar and Main Content Physcial Gap

  • Hi,

    I am currently modifying a template and I would like a physical gap between the sidebar and the main content of the website. I would like to be able to see through to background with the gap.

    the code I currently have is

    #sidebar-primary {
    overflow: hidden;
    float: left;
    width: 300px;
    margin-left: 15px;

    I have tried adding padding, altering the margin etc all to no avail. I am fairly new at CSS. Would I be better building a block and placing the sidebar within it?

    Should I be altering the code elsewhere?

    Any help would be much appreciated.

Viewing 5 replies - 1 through 5 (of 5 total)
  • have you got a link to the site?



    Forum Moderator

    I’m sorry but it is beyond the scope of these forums to deal with basic CSS issues. Try a dedicated CSS resource such as instead. I’d also recommend using Firefox with the Firebug add-on for this kind of CSS work. is the site.

    Like I said I am currently changing everything. I would just like a gap between the sidebar and main content.

    A physical gap that is.
    I will have a gander at the CSS website and get the plugin. Thanks

    You’ll need to give each divider a colour.
    Your Divider “#main” has a white background so I’d start by removing that.
    once you have removed that you are going to have to have to give each of the dividers a back ground colour.
    as shown in this image

    I’d say go with esmi’s answer though and get some help from css-discuss.
    I don’t agree with firefox though 😛
    Chrome has the inspect element feature built in and it just seems to run much more smoothly for me then firebug.

    Thanks for the reply. I use Chrome already and have had a play with the inspect element feature in the past so I will stick with that.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Sidebar and Main Content Physcial Gap’ is closed to new replies.