-
AuthorPosts
-
September 28, 2021 at 7:42 pm #1322679
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, 2 months ago by hitrev.
September 30, 2021 at 2:17 pm #1322993Hey,
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,
YigitSeptember 30, 2021 at 10:00 pm #1323077Hi @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 #1323143Hi,
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,
IsmaelOctober 1, 2021 at 5:23 pm #1323179HI @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 #1323289Hi,
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,
MikeOctober 4, 2021 at 5:18 pm #1323507@mike I just reactivated the enfold theme.
October 6, 2021 at 10:46 am #1323740Hi,
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,
IsmaelOctober 6, 2021 at 5:43 pm #1323782Thank 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 #1323838Hi,
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 -
AuthorPosts
- The topic ‘Enfold conflict with Tooltips Pro plugin’ is closed to new replies.