How to add a gap between widgets in sidebar

  • I have tried everything in Custom CSS to add margin-bottom to a widget in order to create some space between widgets… and failed! I also installed Firebug which looks like a brilliant extension to Firefox… to no avail.

    Has anybody got any ideas? I am fresh out!

    Thanks
    Steve

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

  • Do you have a test site url we can use to actually see the problem? I understand the generalities of your problem but I would need to see an actual test case before I can make concrete recommendations.

    Thread Starter netistix

    (@netistix)

    bemdesign,
    https://clients.netistix.co.uk/f4t/
    see widgets in the right sidebar

    Try some css like this:

    .sidebar-content .widget{
margin-bottom:6px;
}

    Adjust the bottom margin as needed.

    I notice though that your .sidebar-content has a background color which will make the whole sidebar “unit” look like one block. Remove the background color and apply it to the .widget class to create visual separation.

    Thread Starter netistix

    (@netistix)

    Thanks, I’m sure I tried that already. No, it didn’t work.

    Did you remove the background color and the border applied to the .sidebar-content class?

    If you do that, then apply your margins and a background-color to the .widget class, you should create visual separation.

    Thread Starter netistix

    (@netistix)

    How do you remove a border in Custom CSS that has been created in the main code?

    Thread Starter netistix

    (@netistix)

    border: none;

    It looks ok, not how I wanted it.

    Thanks for your help.

    Thread Starter netistix

    (@netistix)

    Just lost the top border of the top widget now!! lol

    what u exactly want ?

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘How to add a gap between widgets in sidebar’ is closed to new replies.