WordPress.org

Ready to get started?Download WordPress

Forums

Meteor Slides
[resolved] Gap between Meteor slides and my menu bar (18 posts)

  1. manrichie
    Member
    Posted 1 year ago #

    I want to adjust and close the gap between my top navigation menus bar and Meteor slider.

    I want to push up the meteor slides up to the page menu bar.

    http://wordpress.org/extend/plugins/meteor-slides/

  2. Josh Leuze
    Member
    Plugin Author

    Posted 1 year ago #

    This is probably something that needs to be adjusted in your theme's stylesheet, can you post a link?

  3. manrichie
    Member
    Posted 1 year ago #

    I thought I posted the link for you to review already. Apparently not. I'm sorry about that.
    Here is the link: wwww.turnbulllegal.com

    Here is the code I inserted in the Style CSS and it didn't work.

    .meteor-slides .mslide img {
    padding: 0 !important;
    margin: 10px;
    }

    Thanks

  4. W.P. Ginfo
    Member
    Posted 1 year ago #

    Unfortunately the link you provided doesn't work.
    However, chances are changing the values for the margin in the css will work.
    The values for the margins are set 'clockwise':top - right - bottom - left. The other option is to set individual margin values e.g.:
    margin-top:20px;
    margin-bottom:0;
    margin:0 auto; this will set top and bottom to '0' and horizontally center the content
    Good luck.

  5. manrichie
    Member
    Posted 1 year ago #

    Here is the link again: http://www.turnbulllegal.com

  6. Josh Leuze
    Member
    Plugin Author

    Posted 1 year ago #

    It looks like you came up with a different solution.

  7. manrichie
    Member
    Posted 1 year ago #

    No Bro. This issue is not resolved yet.
    The codes didn't work. I need your help.

    The white gap between the Meteor-slides and the top Navigation is still there. I need to move your Meteor-slides up to the Navigation menu.

    Please do not look at the home page slider. That's the slider that came with the Theme.

    Meteor-slide are in all pages ONLY and that is the ones I need to adjust the top margin.

    Link: http://www.turnbulllegal.com

  8. Josh Leuze
    Member
    Plugin Author

    Posted 1 year ago #

    It'd be easier to check out if I could right click on the pages. There is an empty H1 and paragraph tag above the slideshow:

    <div class="sixteen columns alpha content">
                    <h1></h1>
                   <p>
    	</p><div class="meteor-slides  navnone" id="meteor-slideshow" style="width: 948px; height: 120px;">

    Remove those and it will remove the gap.

    You've got a JavaScript error that is breaking the slideshow script:

    TypeError: document.body is null
    document.body.style.webkitTouchCallout='none';

    I think it's a script in your theme that is throwing the error.

  9. manrichie
    Member
    Posted 1 year ago #

    Ok. Please check again now. You can right click on the pages now.

    Thanks

  10. Josh Leuze
    Member
    Plugin Author

    Posted 1 year ago #

    I did, just had to use Firebug instead of the Chrome inspector.

  11. manrichie
    Member
    Posted 1 year ago #

    Sry. You mean I need to use Firebug for what?

  12. Josh Leuze
    Member
    Plugin Author

    Posted 1 year ago #

    No, I used Firebug to see what was causing the gap, you could use Firebug too if you wanted to see it. But you need to remove those empty tags, I don't know if they are in the theme template or in the page content, you'd have to look.

  13. fransiskuserwin
    Member
    Posted 1 year ago #

    Hi, I'm Frans.

    Please help me to finish this problem: I want to remove blank space between the Meteor Slide and navigation bar. I've try several tips (modified the code at #access #branding etc) but did not solve the problem.

    This is the url. Thank you.

  14. Josh Leuze
    Member
    Plugin Author

    Posted 1 year ago #

    Hi Frans, something's not quite right, it looks like the slideshow is loaded too early in the page. Here's an example of how the header in the Twenty Eleven theme can be edited to include a slideshow: https://gist.github.com/3151274

  15. fransiskuserwin
    Member
    Posted 1 year ago #

    Thank you JLeuze. You're right. I put the code too early. Then I put the code after </hgroup> at line 86 (based on the page you suggested me). Nice to know you.

  16. Josh Leuze
    Member
    Plugin Author

    Posted 1 year ago #

    You're welcome Frans.

  17. antonsphuket@yahoo.com
    Member
    Posted 8 months ago #

    Hi Guys,

    Sorry, I am trying to remove the gap from the 2012 theme using the meteor slide plugin. Sorry Josh, can seem to get it to work.
    Here is the URL, http://kwcthailand.com
    Any help would be great.

  18. Josh Leuze
    Member
    Plugin Author

    Posted 8 months ago #

    @antonsphuket If you inspect it with Firebug, you'll see that the site container has a top margin on it that is adding this space below the slideshow:

    body .site {
    padding: 0 40px;
    padding: 0 2.857142857rem;
    margin-top: 48px;
    margin-top: 3.428571429rem;
    margin-bottom: 48px;
    margin-bottom: 3.428571429rem;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
    }

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic