Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 27, 2013 at 7:33 am #193739
    Slick Sites

    Is it possible to move the tooltip on the Partner Logo Element from above to below?
    Would appreciate anyones quick help on this.

    Cheers

    November 28, 2013 at 12:38 am #194113
    Josue

    Hey rezolution!

    First open js/avia.js and replace line 1184:

    position:'top'             //top or bottom

    By this:

    position:'bottom'             //top or bottom

    Then add this to the Quick CSS:

    .avia-tooltip .avia-arrow-wrap {
    bottom: 45px !important;
}
.avia-tooltip .avia-arrow {
    top: 15px !important;
}

    Regards,
    Josue

    April 14, 2016 at 9:46 pm #614280
    GabrielSenn

    This is a great tip! Thank you.

    Now… What CSS should be edited so that the arrow (little triangle) stays at the top of the tooltip, when the tooltip has more than one line of text?

    Here’s what I mean:

    Regular one line arrow/triangle on top of tooltip: http://dev2.mediabox.ca/sampleissues/correct.png

    Problem with multi-line copy, arrow/triangle stuck in the middle of the tooltip: http://dev2.mediabox.ca/sampleissues/incorrect.png

    Thank you in advance!

    April 15, 2016 at 1:18 am #614436
    Yigit

    Hi!


    @gabrielsenn     Can you please post the link to your page where we can see the issue?

    Regards,
    Yigit

    April 15, 2016 at 1:30 am #614444
    GabrielSenn

    Sure thing. You can view it here:

    Portfolio X

    If you roll-over the thumbnails in the centre column you’ll see that all is OK, but if you roll-over the thumbnails on either the first or third column, you will see that as soon as the tooltip box has more than one line of text, the little triangle is misaligned.

    • This reply was modified 8 years, 8 months ago by GabrielSenn.
    April 18, 2016 at 7:11 am #616096
    Ismael

    Hi!

    Please add this in the Quick CSS field:

    .avia-arrow {
    top: 85%;
}

.avia-tooltip .avia-arrow-wrap {
    bottom: 100% !important;
    top: auto !important;
}

    Regards,
    Ismael

    April 18, 2016 at 4:52 pm #616662
    GabrielSenn

    Hello Ismael. That does the trick! Thank you so much.

    April 20, 2016 at 8:21 am #618046
    Rikard

    Hi,

    Great, glad we could help :-)

    Regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Have Tooltip beneath rather the above?’ is closed to new replies.