Increase margins between widgets

Hello,

The following CSS will increase the top and bottom margins for the Hero Widget:

.organic-widgets-section.organic-widgets-hero-section {
  padding-top: 120px;
  padding-bottom: 120px;
}

The following CSS will increase the margins for all other Organic Widgets:

.organic-ocw-container .organic-widgets-section {
  padding-top: 120px;
  padding-bottom: 120px;
}

Also, these margins can be changed within the widget options using the pro version of the plugin, https://organicthemes.com/builder/

I hope this helps. Thanks!

Thank you for the CSS that you provided. I appreciate it. I’m also looking to increase the empty space (not sure of correct terminology) between the widgets where, for the Natural Lite theme, you would see the wood background in the empty space between the widgets like it does between the menu bar and the widget. Is there a CSS for that? Does the pro version allow me to increase the empty space between widgets?

Thanks again for your help!

Hello,

Adding the following styles should give you the appearance you’re looking for:

.organic-widget {
    position: relative;
    padding: 12px;
    margin: 12px 0;
    border-radius: 2px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
}
.organic-ocw-container {
    background: none;
    box-shadow: none;
}

I hope this helps. Thanks!

Perfect! Exactly what I was needing. Thank you very much!

Great! Glad to hear it @theflannelgardener. ??

If you wouldn’t mind leaving us a quick review, it would be greatly appreciated, https://www.ads-software.com/support/plugin/organic-customizer-widgets/reviews/#new-post

Thanks!