Tagged: , ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • August 7, 2013 at 11:22 am #27352
    arnijon

    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?

    August 8, 2013 at 3:53 am #133746
    Ismael

    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

    August 8, 2013 at 10:27 am #133747
    arnijon

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

    August 8, 2013 at 11:51 am #133748
    mrkuji

    Hi Arnijon,

    this will sort you out :-)

    /*Tooltip width*/

    .avia-tooltip{ width: auto; }

    August 8, 2013 at 12:54 pm #133749
    arnijon

    Doesn’t work either :/

    August 9, 2013 at 8:58 am #133750
    Dude

    Hey!

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

    Regards,

    Peter

    August 9, 2013 at 3:43 pm #133751
    arnijon

    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 :)

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