Support » Plugin: Easing Slider » Centering your slideshow

  • Plugin Author MatthewRuddy

    (@matthewruddy)


    Hi everyone. A few people have been asking me how to center align their slideshows, especially as the v2.0 update has re-aligned what was previously centered.

    For center alignment, there is a simple fix. Simply use the shortcode below:

    <div align="center">[easingsliderlite]</div>

    That should do the trick. In the future, we will be adding a shortcode attribute for this. Until then, use this!

    Matthew.

    http://wordpress.org/extend/plugins/easing-slider/

Viewing 15 replies - 1 through 15 (of 40 total)
  • Hey.
    What if you are using the function on a php file of the theme?
    I had an older version of the plugin and I managed to center the slideshow using the left padding on the options. On the latest version of the plugin there’s no options for padding, so I can’t center the slideshow.

    Plugin Author MatthewRuddy

    (@matthewruddy)

    Hey, the same trick should work. Just replace the shortcode with the PHP function, like this:

    <div align="center">
    <?php if ( function_exists( 'easingsliderlite' ) ) { easingsliderlite(); } ?>
    </div>

    Should do the trick 🙂

    I had tried that but it would give me a syntax error. Turns out that I had forgot to write the closing tags for the php. lol
    Thank you for your reply though, it helped me anyway and it might help others as well.

    Plugin Author MatthewRuddy

    (@matthewruddy)

    No problem at all 🙂 Forgetting the tags is an easy mistake to make, always got to watch out for it!

    Not to be a party pooper, but I like to prefer to avoid deprecated markup where possible. I suppose I’ll think up some convoluted css to fix it.

    edit: Probably not as simple as putting a div with a style attribute, since all the Riva Slider css is marked important. Any chance you can change the following css? It should keep it centered.

    http://oi50.tinypic.com/21e20yo.jpg

    Plugin Author MatthewRuddy

    (@matthewruddy)

    Hi @vlad90, you’re right, but using an align div is the quickest fix and has a much higher success rate than using CSS (learnt this the hard way). Setting the margin to auto doesn’t always work.

    The CSS property you’ve mentioned has to remain the way it is to ensure the slideshow displays correctly. If you look at the CSS, the top section is rules I’d advise you don’t change, important for structural purposes. The bottom section contains editable properties.

    Using important rules is never a great idea, but when it comes to ensuring that the slideshow is not destroyed visually by themes or other plugins, it is essential we override all of the possibilities to provide a solution “that just works”.

    You could try putting a <div> around the slideshow and applying CSS ‘margin: 0 auto;’ to that, rather than altering the slideshow CSS itself. Alternatively, if you want to go “all out”, you can disable the plugin styling in its “Settings” panel and use your own.

    Thanks, added the tag around the PHP function in my template and back to center! Anxiously awaiting the arc effect and borders 🙂

    Plugin Author MatthewRuddy

    (@matthewruddy)

    @aly22, they’ll be here soon 🙂 Stay tuned.

    I’m not very versed in code. My slideshow is no longer centered and I want to place the code you put at the top of this thread in my blog code, but I don’t know where exactly to place it. Can you tell me where? Is it under “appearance,” “editor”?

    Plugin Author MatthewRuddy

    (@matthewruddy)

    If you’re displaying the slideshow inside a particular post or page, you’ll need to use the code above inside the post/page editor within WordPress. Simply add it to the post content.

    If you are editing the theme directly, you might need to get some help from the theme developer, if you’re not familiar in doing so yourself. You’ll need to use the PHP function to display the slideshow, rather than the shortcode. However, you still do the same and wrap it inside ‘<div align=”center”>’ and ‘</div>’.

    Sadly I can’t really help you much more from there. Have a look into some of the basic WordPress functionality such as shortcode and theme file structures for some information. Definitely a great place to get started.

    Hello, Matthew,

    Centering plugin looks okay. Image slides on center when resizing web browser stills good.

    This code works. Okay…

    <div align="center">
    <?php if ( function_exists( 'easingsliderlite' ) ) { easingsliderlite(); } ?>
    </div>

    But, how can I add neigbours images from left of center images and right image after center? Problems appears that center would’t consistenlty if I’m resizing browser.

    if class easingsliderlite-slide is for inactive images this should be on left and right side, active class is center.

    How can I make to FULL width (full width screen) with fixed image on center and neighbour images on left and right sides?

    Maybe add duplicate of code and change function in easingsliderlite_left() and easingsliderlite_right? But how to constantly centering image on center so not moving? Hm maybe absolute class?

    Is there any plugin that can do with WP?

    Plugin Author MatthewRuddy

    (@matthewruddy)

    Hi @msagovac, I’m not quite sure I understand, but it sounds like you are looking for a “carousel” rather than a slider. These tend to show multiple images at once, with the current active image in the center.

    Unfortunately Easing Slider can’t do this.

    Hello, correct carousel. But if you resize it to full it will slides, you can view all slides (1,2,3) but only what you need it to centering all slides to page. I think that can do with this plugin too.

    Plugin Author MatthewRuddy

    (@matthewruddy)

    I’m sorry, but I’m unsure what you mean. I’m not sure if Easing Slider can do this or not. My apologies.

    Where should I plugin this code: function.php? easing-slider/easingsliderlite.php?

Viewing 15 replies - 1 through 15 (of 40 total)
  • The topic ‘Centering your slideshow’ is closed to new replies.