Support » Plugins and Hacks » [Resolved] [Plugin: Meteor Slides] meteor in header

[Resolved] [Plugin: Meteor Slides] meteor in header

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


    If you haven’t already started editing 2011, I would suggest using a child theme so that you don’t lose your changes if 2011 is updated. You can copy the header.php file from 2011 to your child theme and make your changes there.

    Remove the header image by going to Appearances -> Header and clicking the “Remove Header Image” button.

    You can add the slideshow on line #111, right above the opening tag for the nav:

    <nav id="access" role="navigation">

    Make sure you use the template tag in this spot:

    <?php if ( function_exists( 'meteor_slideshow' ) ) { meteor_slideshow(); } ?>

    Awesome !

    I’ll give it a try.

    I’d like to float an image to the logo image to the right of the meteor slider in the header.

    How would I do this?

    Thanks so much for the help.

    Your slider is better than Nivo because Nivo header slideshow because it causes the website to “flash.” Also the drop down menus disappear over a Nivo slideshow but not with your slideshow. Your slider is the best I’ve found so far 🙂

    ps: meant to say

    I’d like to float the logo-image to the left of the meteor slider in the header.

    (writing too fast)

    Plugin Author Josh Leuze


    Thanks, I’m glad that my plugin is working out for you!

    You want a logo instead of the title and description? You could probably just remove everything in the <hgroup> container and replace it with the anchor and image tag for your logo. Give it an ID and float that ID to the left in your stylesheet.

    If it isn’t laying out correctly post a link and I’ll check it out.


    Thanks for your tech tips.

    I’ve decided not to float the logo left for this project.

    But it’s great to have some idea how to do it for another project.

    Just amazed by the level of support you give on this forum.

    Thanks again for your wonderful Meteor Slideshow.

    Plugin Author Josh Leuze


    You’re welcome!


    Hopefully someone can help.

    I’ve added the slide show to my header.php (child) and it is displaying in replace of the header image which is great, however it is completely off centre. I did think that this might be as the template is not fixed width 288px so i fixed width it on my stylesheet but that has made no difference.

    The url is http://www.jollyrockers.co.uk

    Any help is much needed!


    Just to confirm this is how i’ve added it to my header.php

    <nav id="access" role="navigation">
    <div style="clear:both;"></div>
    <?php if ( function_exists( 'meteor_slideshow' ) ) { meteor_slideshow(); } ?>

    Hi there:

    (1) Try adding height and width to the code:


    ?php if ( function_exists( ‘meteor_slideshow’) ) { meteor_slideshow( “height: 300, width: 1000” ); } ?

    (2) Make each image used the same dimension as height and width set in the code.

    (3) If you read Josh’s documentation is will explain how to use features like fade, scroll up, etc.

    Best of Luck

    Hi Linuxgarage,

    Many thanks for your suggestion.

    I’ve just tried adding height and width to the code as you have documented however it has made no effect.

    All the images are (2) are 1000×288 as the same size as the standard twenty eleven header image.

    Fade, Scroll Up as in transition effects?


    Plugin Author Josh Leuze


    If you have the dimensions set in the slideshow options and the slide images match that size, you don’t have to specify the size in the template tag.

    One issue is this CSS rule which is adding a margin to the slideshow:

    #access div {
    margin: 0 7.6%;

    You can fix that like this:

    div.meteor-slides {
    margin: 0 !important;

    Hey Josh, Good Morning 🙂


    Josh is awesome. He’ll help you get thru this.

    Plugin Author Josh Leuze


    Hi, morning!

    Hi JLeuze,

    Thank you for your input. Am i just adding that second code to my stylesheets.css?


    Plugin Author Josh Leuze


    Yeah, you can add that to your theme’s style.css file.

Viewing 15 replies - 1 through 15 (of 20 total)
  • The topic ‘[Resolved] [Plugin: Meteor Slides] meteor in header’ is closed to new replies.