This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Replies

25
  1. Andrew Misplon Staff 10 years, 5 months ago

    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.

  2. chriskov 10 years, 5 months ago

    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.

  3. Andrew Misplon Staff 10 years, 5 months ago

    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 :)

  4. chriskov 10 years, 5 months ago

    Andrew,

    Thanks. The fix did not remove as much white space as I would have liked, but it did remove some.

  5. Andrew Misplon Staff 10 years, 5 months ago

    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.

  6. chriskov 10 years, 5 months ago

    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

  7. Andrew Misplon Staff 10 years, 5 months ago

    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;
}
  8. chriskov 10 years, 5 months ago

    Perfect! Thank you for going the extra mile for this.

    CK

  9. Andrew Misplon Staff 10 years, 5 months ago

    For sure :) Glad we could help.

    All the best.

  10. chriskov 10 years, 5 months ago

    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/&quot; title="Saints Constantine and Helen Serbian Orthodox Church" rel="home" class="logo"><img src="http://stschsoc.org/wp-content/uploads/2014/03/clearblock70.gif&quot; 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

  11. Andrew Misplon Staff 10 years, 5 months ago

    Sure, that’s added at Appearance > Theme Settings > Logo.

  12. chriskov 10 years, 5 months ago

    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"? :)

  13. Andrew Misplon Staff 10 years, 5 months ago

    Hahaha, all the time.

  14. Andrew Misplon Staff 10 years, 5 months ago

    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;
}
  15. chriskov 10 years, 5 months ago

    Did it, but I think it made things worse.

  16. Andrew Misplon Staff 10 years, 5 months ago

    Mmm looking ok here. Can you clarify what you’d like to fix? Thanks :)

  17. chriskov 10 years, 5 months ago

    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!

  18. Andrew Misplon Staff 10 years, 5 months ago

    Super, really glad to hear that improved things.

    If anything else comes up, please, let us know.

    Thanks for your support :)

  19. chriskov 10 years, 5 months ago

    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.

  20. Andrew Misplon Staff 10 years, 5 months ago

    No problem. Check out the Features widget:

    https://wordpress.org/plugins/so-widgets-bundle/

    It has shape selection. Hope that helps :)

  21. chriskov 10 years, 5 months ago

    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

  22. Andrew Misplon Staff 10 years, 5 months ago

    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

  23. chriskov 10 years, 5 months ago

    I will try that even tho any reference to or hint of coding renders me nearly catatonic. :)

  24. Andrew Misplon Staff 10 years, 5 months ago

    It’s more a click and change kind of tool. Give it a go.

  25. chriskov 10 years, 5 months ago

    Jolly good.

    CK

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread