I have reviewed numerous threads, but cannot find one that addresses my issue. Please advise.
Thank you.
Too much white space under sliders
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
Hi Chriskov
You can fix/change this with some custom CSS. If you navigate to Appearance > Custom CSS, you’ll get our custom CSS editor. Just add the following code.
/* Main Container */ #main { padding-top: 35px; }Adjust as required. Hope that helps.
Perfect for the top slider – thank you, But, the fix did not address the second slider – there is still too much space between it and the next row of widgets. Please work you css magic on it, too.
Super, glad to hear we’re making progress.
For the second slider, try editing the row in question and click the Theme tab on the right, enable the No Bottom Margin setting.
Hope that helps :)
Andrew,
Thanks. The fix did not remove as much white space as I would have liked, but it did remove some.
For sure.
It’s not possible to use negative padding like you’ve tried. I’d recommend removing that.
The remaining space is coming from the following Meta Slider CSS:
.metaslider-220 { margin-bottom: 32px; }Please, check the slider in Meta Slider and see if you’re setting that somewhere there.
When I go to Appearance>Editor I cannot find the meta slider css, only the main Styles stylesheet/css. Where would I find the Meta Slide style sheet/css?
CK
I’m not sure where this is being set from. You can adjust by adding the following to Appearance > Custom CSS:
/* Meta Slider */ .metaslider-220 { margin-bottom: 10px !important; }Perfect! Thank you for going the extra mile for this.
CK
For sure :) Glad we could help.
All the best.
Andrew,
If you are so inclined and have a few minutes :), would you please tell me how to remove this errant image, if you do not think it will break my site:
<header id="masthead" class="site-header" role="banner">
<div class="hgroup full-container">
<a href="http://stschsoc.org/" title="Saints Constantine and Helen Serbian Orthodox Church" rel="home" class="logo"><img src="http://stschsoc.org/wp-content/uploads/2014/03/clearblock70.gif" class="logo-height-constrain" width="100" height="70" alt="Saints Constantine and Helen Serbian Orthodox Church Logo" /></a>
<div class="support-text">
</div>
I notice it from time to time when the first slider is loading.
I think, when I first started with the template, I used the image as a spacer until I figured out how to correctly configure the masthead margins to my liking and somehow forgot about it.
Thank you, and I will understand if you do not think it is in your realm of support.
CK
Sure, that’s added at Appearance > Theme Settings > Logo.
Thanks, that worked; however, after I deleted it and reviewed the results, I remembered why I added it and had to add it back.
Do you ever get to the point where you need to tell yourself to "just leave well enough alone"? :)
Hahaha, all the time.
The logo is restricted to 1010 so this isn’t perfect but you can try. Remove your masthead background and instead add that image as your logo. Then add the following to Appearance > Custom CSS:
/* Full Header Logo - Boxed Layout Bound */ header#masthead { padding: 0 !important; } header#masthead .hgroup { padding: 0 !important; } header#masthead .hgroup .logo img { height: auto; width: 1080px; } header#masthead .hgroup .logo img[style] { padding-top: 0 !important; padding-bottom: 0 !important; } .main-navigation { margin: 0 !important; } body.responsive header#masthead .hgroup .support-text, body.responsive header#masthead .hgroup #header-sidebar { display: none !important; }Did it, but I think it made things worse.
Mmm looking ok here. Can you clarify what you’d like to fix? Thanks :)
Well, it looks great now, but when I first tested it, that first slider was jumping into it's slot. But then, I was testing it on a Windows 10 tablet. So, I looked at it on my iPad – beautiful and perfect. My PC – perfect now.
So, once again, you rock!
Thank you so much. I hope you are making a fortune!
Super, really glad to hear that improved things.
If anything else comes up, please, let us know.
Thanks for your support :)
Andrew,
I realize I am not supposed to contact you this way, but I thought I would try. Would you ever consider creating a small, square or rectangular widget (like the Vantage Circle Icon)? I really like the way MSN.com uses those small, rectangular images to present content excerpts. Or, if you know of someone who already makes such a widget, would you pass that info on to me, please and thank you.
No problem. Check out the Features widget:
https://wordpress.org/plugins/so-widgets-bundle/
It has shape selection. Hope that helps :)
I did, but so far, I cannot configure it the way I want it. Any way to control the size of the text?
Thanks so much for the reply.
CK
Not from within the widget, no. Have you perhaps tried our CSS plugin? It has a visual editor component that would let you make these kind tweaks.
Page: SiteOrigin CSS Editor
I will try that even tho any reference to or hint of coding renders me nearly catatonic. :)
It’s more a click and change kind of tool. Give it a go.
Jolly good.
CK