• Resolved khoallaby

    (@khoallaby)


    Hello I’d like to customize the way meteor displays by customizing the template ( meteor-slideshow.php ) …Except i want to make it upgrade-proof, by not having to edit that file, and doing something like copying the stylesheet into my theme directory.

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

    (@jleuze)

    Hi, what changes exactly are you trying to make? Do you need to customize the slideshow loop in meteor-slideshow.php, or the stylesheet for the slideshow?

    Thread Starter khoallaby

    (@khoallaby)

    i need to move the next/prev buttons below the slideshow. i also forgot to ask that i need it to display what # slide they’re on, and total #. Thanks a lot!

    sort of like this..

    << 1/4 >>

    Plugin Author Josh Leuze

    (@jleuze)

    Alright, you should probably be able to do this with a custom stylesheet. Check out the FAQ for more info on setting up the stylesheet.

    Modifying a few of the rules should move the prev/next nav below the slideshow:

    #meteor-slideshow {
    margin:0 0 10px;
    overflow:hidden;
    padding:0 0 30px 0;
    }
    
    .meteor-nav a {
    bottom:0;
    display:block;
    height:25px !important;
    position:absolute;
    text-indent:-9999px;
    width:25px;
    z-index:50;
    }

    If you check out the paged buttons with Firebug, those are numbered, they are just styled to be graphics instead. You could show the numbers like this:

    .meteor-buttons a {
    background: none;
    display:block;
    float:left;
    height:20px;
    margin:0 2px;
    text-indent:auto;
    width:10px;
    }

    It is possible to do an image count like “1/8”, but you would have to add bit of jQuery to your theme’s header. Check out this jQuery Cycle demo for more info.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘[Plugin: Meteor Slides] Customizing the template’ is closed to new replies.