I am going out of my BRAIN trying to close up the space between some of my rows :(
Some rows I can get make tight/flush by merely making the bottom margin/padding=0. But some rows/widgets seem to have some random ~10px (ish) below that I can’t get rid of. And it’s only BELOW the rows, not on top, I’ve checked. I’ve moved them up and down, and tried other widgets. I’ve tried everything I can think of in SB to fix, but no dice.
HEADLINE, and HERO are the two I’m noticing that have this problem. Others seem fine.
I used this custom CSS to close it up:
.panel-widget-style {
min-height: 0 !important;
}
.sow-slider-images {
margin-bottom: 0 !important;
}
But it seems odd that I can’t just make things flush w/ the Page Builder controls.
Seriously. I’ve tried EVERYTHING.
Any ideas? Help?
This is a private message.
This is a private message.
Thanks Alex, it’s all set up.
Does my description make sense to you?
Remember…the custom CSS that closes up that gap is in there now. So in order to see the natural extra “padding” you’ll have to remove the custom CSS :)
e
Hi JungleNYC,
Internal Note: Private Snippet
Okay, so the margin is being added by your theme. It does this for a number of widgets oddly enough. Here’s the full CSS in the stylesheet:
/*-------------------------------------------------------------- 10.3 Custom SO PageBuilder Styles --------------------------------------------------------------*/ .panel-widget-style { background-position: center center; } .widget h1, .widget h2, .widget h3, .widget h4, .widget h5 { color: inherit; } /* Button */ .so-widget-sow-button { font-weight: 700; font-size: .8em; } /* Visual Editor */ .so-panel.widget_black-studio-tinymce { margin-bottom: 0 !important; } /* Features*/ body .sow-features-feature .sow-icon-container { color: transparent; } .left .sow-features-list .sow-features-feature { text-align: left !important; } .right .sow-features-list .sow-features-feature { text-align: right !important; } .so-widget-sow-features .textwidget h5{ margin-top: 5px !important; margin-bottom: 10px !important; color: inherit; } .so-widget-sow-features .textwidget p { font-size: .8em; opacity: .7; } /* Pricing Table */ body .so-widget-sow-price-table *{ border: none !important; box-shadow: none !important; text-shadow: none !important; } body .ow-pt-column { padding: 5px; } body .ow-pt-title { font-weight: bold; } body .ow-pt-subtitle { font-weight: 400 !important; font-size: .8em !important; opacity: .6; margin-top: -5px !important; } body .ow-pt-price { line-height: 1em !important; } body .ow-pt-per { font-size: .8em; line-height: 1.4em !important; color: rgba(255,255,255,.6) !important; } body .ow-pt-features { background: #eee !important; } body .ow-pt-feature { background: #eee !important; padding: 5px 0 !important; border-bottom: 1px solid rgba(0,0,0,.06) !important; text-align: center; margin: 0 30px; } .ow-pt-feature:first-child { padding-top: 20px !important; } .ow-pt-feature:last-child { padding-bottom: 0 !important; border-bottom: none !important; } .ow-pt-columns-atom .ow-pt-feature:last-child { padding-bottom: 20px !important; } .ow-pt-feature p { padding: 0; margin: 0; } body .ow-pt-button { background: #eee; padding: 30px 0 !important; } a.ow-pt-link { padding: 5px 17px !important; font-weight: 600; } /* Call To Action */ body .sow-cta-wrapper .sow-cta-text h4 { font-weight: inherit; font-size: 1.4em; color: inherit; line-height: 1.4em; margin-top: 8px; } body .sow-cta-wrapper .sow-cta-text h5 { font-weight: inherit; font-size: 1em; color: inherit; opacity: .7; line-height: 1.3em; margin-top: -5px; margin-bottom: 10px; } body .sow-cta-wrapper .so-widget-sow-button { font-size: .8em; padding: 5px; } @media only screen and (max-width: 780px) { body .sow-cta-wrapper .sow-cta-text h4 { font-weight: inherit; font-size: 1.4em; color: inherit; line-height: 1.4em; margin-top: 3px; } body .sow-cta-text, body .so-widget-sow-button { text-align: center; float: none !important; } .right .sow-features-list .sow-features-feature { text-align: left !important; } } /* Headline */ .widget_sow-headline { margin-bottom: 20px !important; } .widget_sow-headline h1 { font-size: 1.4em; } .widget_sow-headline h3 { font-size: .8em; font-weight: 400 !important; line-height: 1.8em !important; } .widget_sow-headline .decoration { max-width: 50px !important; margin: 15px auto !important; } body .sow-cta-base { border: none; } /* Layout Builder */ .widget_siteorigin-panels-builder .panel-grid{ padding-top: 49px !important; } /* Social Media Buttons */ .so-panel.widget_sow-social-media-buttons { margin-bottom: 40px !important; } /* SO Slider */ .sow-slider-images { margin-bottom: 30px !important; } ol.sow-slider-pagination { bottom: 35px !important; } /* SO Google Maps */ .scroll-off { pointer-events: none; } /* Vertical Center */ .v-center { display: -ms-flexbox; display: -webkit-flex; display: flex; flex-align: center; -webkit-align-items: center; -webkit-box-align: center; box-align: center; align-items: center; -ms-flex-align: center; -ms-flex-pack: center; } .v-center > div { flex-shrink:1; min-width:1px; width: 100%; }I would recommend checking over the above styles for things you’re okay with, and overriding anything else.
Ha. They blamed it on you!
Thanks so much for the detective work.
:)
Hi JungleNYC,
Awkward. Let me know if there’s anything else I can help you with.