Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #27352

    I’m not sure if this issue has been resolved yet, but I tried looking for it.

    So I have team members pictures 180×180. The issue is when i hover over the picture the frame with email address that pops up isn’t the right size. The hover box is slightly bigger than the picture. Is there any way to fix this?

    #133746

    Hi,

    You can add this on your custom.css or Quick CSS

    .avia-tooltip.avia-tt {
    width: auto;
    }

    or use this to specify a certain width:

    .avia-tooltip.avia-tt {
    width: 250px;
    }

    Regards,

    Ismael

    #133747

    I tried both of those things but they didn’t work. Any other solution?

    #133748

    Hi Arnijon,

    this will sort you out :-)

    /*Tooltip width*/

    .avia-tooltip{ width: auto; }

    #133749

    Doesn’t work either :/

    #133750

    Hey!

    Can you post a link to the your member page please?

    Regards,

    Peter

    #133751

    Hey!

    I fixed it myself. I found this in shortcodes

    “.avia-team-member .team-social{

    border: 7px solid rgba(0, 0, 0, 0.1);”

    and i changed it to

    “.avia-team-member .team-social{

    border: 0px solid rgba(0, 0, 0, 0.1);”

    The border around the picture disappears and the hover is exactly the size of the picture. Good enough for me. Thanks for your help though :)

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Team member hover’ is closed to new replies.