Viewing 2 replies - 1 through 2 (of 2 total)
  • Please include a link to your site when posting a question, it makes it much easier to give specific suggestions. I’ll assume from some of your previous posts, though, that you’re talking about felinecreatures.com.

    The spacing for the widgets is currently controlled by a margin-bottom property on the .widget-container class. The value is currently set to 30px. Unfortunately, it has an !important clause attached to it, making it more difficult (though not impossible) to change.

    Tip: avoid using the !important clause when writing your CSS. That’s the mark of someone who doesn’t understand how CSS specificity works, and using it (or overusing it) just makes it harder to override in the future.

    So what you can do is add this rule to your Custom CSS:

    .widget-container {
        margin-bottom: 30px !important;
    }

    As I mentioned earlier, 30px is the current value, so just adjust it according to how much space you want. The !important clause is included here because it’s the only way to override a previous use of the !important clause.

    Thread Starter felinecreatures

    (@felinecreatures)

    Thank you for your help!!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Add spacing between each widget on sidebar’ is closed to new replies.