Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • September 28, 2021 at 7:42 pm #1322679
    hitrev

    Ahoy,

    I’m having an issue with the enfold theme and the Tooltips Pro plugin. After working with the Tooltips Pro developer it seems that the issue is the enfold theme. When I hover over my tooltip the enfold theme seems to create additional white space under the rollover gif. If I change the theme the plugin works fine. Attached is a video of the issue using a test gif.

    Any help would be greatly appreciated :)

    • This topic was modified 3 years, 1 month ago by hitrev.
    September 30, 2021 at 2:17 pm #1322993
    Yigit

    Hey,

    Thanks for contacting us!

    It seems to be related to line height. Could you please go to Enfold theme options > Advanced Styling and edit H1 tagged elements and increase line height to 1.4em? :)

    Best regards,
    Yigit

    September 30, 2021 at 10:00 pm #1323077
    hitrev

    Hi @yigit

    I went ahead and made the change but the black line is still under the gif in the enfold theme. I cleared the cache and tried in a new browser as well but the issue persists.

    October 1, 2021 at 1:01 pm #1323143
    Ismael

    Hi,

    Thank you for the update.

    It seems to work correctly when the tooltip link (GIF TEST) is in the same line. Please check the screenshot below.

    Screenshot: https://postimg.cc/SXsCRMDz

    We inserted a few letters before the link to completely push it in the second line.

    Best regards,
    Ismael

    October 1, 2021 at 5:23 pm #1323179
    hitrev

    HI @ismael,

    Thanks for the reply.

    When the gif loads there is still a black line under the gif in your screenshot. Are you able to see that? That is the error the enfold theme in producing. It has nothing to do with the rollover text but instead has to do with the gif image that loads. Again The issue is not the “GIF TEXT” Text is when I hover over that the gif loads. I changed the “GIF TEXT” to “Click Here” so things wont be confused.

    So now when I hover over “Click Here” the gif with the cat will load. Under the cat gif there is a black bar at the bottom of the loaded gif. Enfold is producing that black bar under the loaded gif image. I need to get that removed.

    Here is a your screenshot with the issue circled https://www.dropbox.com/s/zxvyy9ltx91y07v/Screen%20Shot%202021-10-01%20at%208.15.49%20AM.png?dl=0

    I went ahead and changed the rollover text so you can hopefully see the issue better now.

    October 2, 2021 at 6:00 pm #1323289
    Mike

    Hi,
    Thank you for the video, I tried to take a look at your test site but Enfold is not activated, can you please activate it.

    Best regards,
    Mike

    October 4, 2021 at 5:18 pm #1323507
    hitrev

    @mike I just reactivated the enfold theme.

    October 6, 2021 at 10:46 am #1323740
    Ismael

    Hi,

    Thank you for the clarification.

    Adding the following css code should adjust the background of the tooltip container from black to transparent, which should remove the black bar. 

    .ui-wordpress-tooltip-pro {
    background-color: transparent !important;
}

    Best regards,
    Ismael

    October 6, 2021 at 5:43 pm #1323782
    hitrev

    @ismael

    Thank you! The code didn’t work in the enfold css but did when I added it under appearance / customize.

    October 7, 2021 at 5:04 am #1323838
    Ismael

    Hi,

    Great! Glad to know that it is working. You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the modification in the Quick CSS field. Please feel free to open another thread if you need anything else.

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Enfold conflict with Tooltips Pro plugin’ is closed to new replies.