Logo Slider
Vertical align issues (5 posts)

  1. yotikewebdesign
    Posted 3 years ago #

    Hi there,
    I've made some css modications and I am trying to vertically align the images in the slider. The problem I'm having is that although the images are vertically aligned in the first slide, in the second slide this is overwritten (I think by the javascript) and the image is no longer align.
    Any help would be greatly appreciated.

    The website is:

    Here is the CSS I have added:

    img.logo-img {
    width: 110px;
      margin-right: 20px;
      vertical-align: middle;
    div#logo-slider-wraper ul#logo-slider {
      margin: 0 auto;
    div#logo-slider-wraper div.slider-controls {
      margin-right: auto;
      margin-left: auto;
      top: 20px;

    I have also added some mobile optimised CSS which I don't think has any impact on this.

    Thanks so so much!


  2. Maeve Lander
    Plugin Author

    Posted 3 years ago #

    I checked it and it looks like it's perfectly aligned to me. Maybe a cross browser issue? What browser are you testing in? (I'm in Chrome)

    Also checked for javascript errors but no problems I can see

  3. yotikewebdesign
    Posted 3 years ago #

    Hi Maeve,
    The first slide is ok.
    But the second slide has the alignment issues, I just checked in Chrome, the same issue occurs.

    I think it is the vertical alignment img css being overpowered by the javascript

  4. Maeve Lander
    Plugin Author

    Posted 3 years ago #

    Ok will check it out and see if I can replicate.

    In the meantime an easy workaround is to save all your images with the same dimensions with logos centred horizontally and vertically.

  5. ivank123
    Posted 3 years ago #

    Hi there. I had the same problem and could solve it. Try with this:
    .logo-img {margin:auto 12px;vertical-align: middle;}

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Logo Slider
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic