Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #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?



    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;




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


    Hi Arnijon,

    this will sort you out :-)

    /*Tooltip width*/

    .avia-tooltip{ width: auto; }


    Doesn’t work either :/



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





    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.