Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 30, 2014 at 3:18 pm #272410
    Mariusz

    Hi,
    Is that possible to modify tooltip arrow to the left side and have some kind of horizontal tooltip?

    Thanks
    M

    May 30, 2014 at 10:26 pm #272622
    Josue

    Hi!

    Can you post a link to the page where you want to make this mod?

    Best regards,
    Josue

    June 1, 2014 at 8:23 am #272937
    Mariusz

    No the website is not done already. I’m just planning to add a vertical menu for one-page style just like here: http://www.visage.co/#platform

    June 2, 2014 at 6:43 pm #273419
    Josue

    Hey!

    You’d need to seek for a third-party tooltip solution, like:
    https://wordpress.org/plugins/simple-tooltips/

    That’s because the Enfold tooltip function is meant to be used only in elements that have tooltip functionality (like galleries, etc).

    Best regards,
    Josue

    October 7, 2018 at 8:11 am #1018617
    s29ers

    Hello
    I have a similar question and have been searching the forums without luck. On a gallery tooltip, the arrow is the centre of the tooltip. How can I move that to one end and the tooltip over so left edge of tooltip is aligned iwth left edge of thumbnail. Please see screenshot in below section.

    I can change the tooltip size with
    .avia-tooltip { width: 280px }
    but can’t move its location.

    Also, how to modify this if I need to, to only affect one or two pages instead of all.

    Thanks

    • This reply was modified 5 years, 6 months ago by s29ers.
    October 9, 2018 at 5:27 am #1019323
    Ismael

    Hi,

    That is possible. However, you need to modify one of the shortcode files in the config-templabuilder > aviashortcodes > gallery > gallery.php file. Look for this code around line 321:

    $tooltip = $caption ? "data-avia-tooltip='".$caption."'" : "";

    Replace it with:

    $tooltip = $caption ? "data-avia-tooltip-alignment='left' data-avia-tooltip-class='av-tt-default-width av-tt-pos-above av-tt-align-left  av-mobile-fallback-active av-tt-hotspot' data-avia-tooltip='".$caption."'" : "";

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.