WordPress.org

Support

Support » Plugins and Hacks » Meteor Slides » [Resolved] Gap between Meteor slides and my menu bar

[Resolved] Gap between Meteor slides and my menu bar

Viewing 15 replies - 1 through 15 (of 17 total)
  • Plugin Author Josh Leuze

    @jleuze

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

    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

    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.

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

    Plugin Author Josh Leuze

    @jleuze

    It looks like you came up with a different solution.

    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

    Plugin Author Josh Leuze

    @jleuze

    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.

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

    Thanks

    Plugin Author Josh Leuze

    @jleuze

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

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

    Plugin Author Josh Leuze

    @jleuze

    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.

    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.

    Plugin Author Josh Leuze

    @jleuze

    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

    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.

    Plugin Author Josh Leuze

    @jleuze

    You’re welcome Frans.

Viewing 15 replies - 1 through 15 (of 17 total)
  • The topic ‘[Resolved] Gap between Meteor slides and my menu bar’ is closed to new replies.
Skip to toolbar