Vertical align issues

  • yotikewebdesign

    (@yotikewebdesign)


    10 years, 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/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Maeve Lander

    (@enigmaweb)

    10 years, 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

    Thread Starter yotikewebdesign

    (@yotikewebdesign)

    10 years, 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

    Plugin Author Maeve Lander

    (@enigmaweb)

    10 years, 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.

    ivank123

    (@ivank123)

    10 years, 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;}

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Vertical align issues’ is closed to new replies.