WordPress.org

Ready to get started?Download WordPress

Forums

Logo Slider
Vertical align issues (5 posts)

  1. yotikewebdesign
    Member
    Posted 9 months 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:
    http://www.rockfellaz.com/

    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!

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

  2. Maeve Lander
    Member
    Plugin Author

    Posted 9 months 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
    Member
    Posted 9 months 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.
    http://cl.ly/image/162I0X2J0b1l
    http://cl.ly/image/141R1b3v1b1f

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

  4. Maeve Lander
    Member
    Plugin Author

    Posted 9 months 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
    Member
    Posted 9 months ago #

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

Reply

You must log in to post.

About this Plugin

About this Topic