how to use image classes with tippy image trigger

  • Resolved gardcomm

    (@gardcomm)


    11 years, 7 months ago

    I can’t figure out how to keep my image class at “aligncenter” – can you help?

    I’ve tried both of these but no luck (the image shows up with the tippy just fine, but the image won’t align center)

    <img class=”aligncenter”>[tippy img=”(image url here)”] My caption [/tippy]</>

    [tippy img=”(image url here)” img class=”aligncenter”] My caption [/tippy]

    https://www.ads-software.com/plugins/tippy/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter gardcomm

    (@gardcomm)

    okay, after a few headaches, I figured it out by adding the following to the stylesheet:

    .tippy_link img {
margin-left: auto !important;
margin-right: auto !important;
margin-bottom: 0 !important;
margin-top: 0 !important;
padding: 0 !important;
position: relative !important;
vertical-align: baseline !important;
center: 0 !important;
width: auto !important;
height: auto !important;
display: block !important;
bottom: 0 !important;
max-width: 100% !important;
clear: both !important;
}

    It’s possible you don’t need ALL of those, but after so much trial and error, I know it works, so I’m keeping it.

    It’s a great plugin and I’m happy with it – just wish this could have been in the original stylesheet. Maybe for future updates? ??

    Thanks!

    Plugin Author Chris Roberts

    (@columcille)

    Thanks for the solution. I’ll look over this. I was checking into it some after reading your message last night and wasn’t quite sure the best way to tackle the problem.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘how to use image classes with tippy image trigger’ is closed to new replies.