ItayXD
Forum Replies Created
-
Forum: Plugins
In reply to: [Responsive Mobile-Friendly Tooltip] Displayed text is all capitalsCan you link me somewhere I can see the problem live?
Forum: Plugins
In reply to: [Responsive Mobile-Friendly Tooltip] Popup tooltip editor not functioningI released an update, I hope it is now fixed
Forum: Plugins
In reply to: [Responsive Mobile-Friendly Tooltip] Popup tooltip editor not functioningYeah you are, responsive-tooltip.css is loaded on the frontend.
You need to apply it to the backendForum: Plugins
In reply to: [Responsive Mobile-Friendly Tooltip] Popup tooltip editor not functioningOkay this is just a problem with the style (z-index).
to fix use one of these:.ui-widget-overlay { z-index: 100 !important; }OR
.ui-dialog { z-index: 300001 !important; }I’m not releasing an update yet as I’d like to check what caused the problem.
I’ll see what I can do
Forum: Plugins
In reply to: [Responsive Mobile-Friendly Tooltip] Tooltip Strange StylingOkay, this is really have nothing to do with the plugin =] but I’ll answer anyway.
em is a relative unit (you define the current element font size by using the parent element font size – https://developer.mozilla.org/en-US/docs/Web/CSS/length#em), and you applied it both to#tooltipand to#tooltip p. What happens is:
for the first tip (text isn’t wrapped in p) you get font-size=15px*0.825
for the rest of the tips (text wrapped in p) you get font-size=15px*0.825*0.825.
You have 3 main options to fix it:- Use a fix unit (EG px) instead of a relative unit (like em).
- Be consistent! you should do it any way… either wrap in P or not.
- Use the Rem unit – Root em (https://developer.mozilla.org/en-US/docs/Web/CSS/length#rem), which let you define the font-size relative to the root element (<html> element) font size (usually 16px by default) so if you apply 0.875rem to both
#tooltipand#tooltip pyou’ll get font-size=16px*0.875=14px.
Note about rem, it isn’t supported by all versions of all browsers, you can check support on this support table: https://caniuse.com/#feat=rem
Forum: Plugins
In reply to: [Responsive Mobile-Friendly Tooltip] Tooltip Strange StylingGlad I could help you =]
If you find this plugin useful I’ll appreciated it if you post a reviewForum: Plugins
In reply to: [Responsive Mobile-Friendly Tooltip] Tooltip Strange StylingNope, it is actually the opposite ID override class, the thing is you use P element inside the tip (Which BTW you don’t need), and therefore my rule isn’t applied to the element but inherited from the parent element.
What you can do is add a rule which select the P element like so:
#tooltip p {...}Hi there all, I finally had time to find a solution, add this to your stylesheet:
#tooltip { pointer-events: none; }Should solve the problem…
I’ll release an update soonForum: Plugins
In reply to: [Responsive Mobile-Friendly Tooltip] Tooltip Strange StylingInstead of helping you fix the style I’ll teach you a very useful trick.
Hit F12 and get your developer tools up (it’s OK we all use it not just beginners; it has very useful tools, though I’d like to note I prefer FireBug), go to the console and enter the following:
jQuery( '[rel~=tooltip]' ).trigger( 'mouseenter' )
It will show all the tips.As I wrote to you before:
Your specific problem is not a plugin bug, but rather a problem of compatibility with your website. I can help you solve it as a private client.
This is not the same problem. Please open another topic. Please read the topic before posting in it.
Your specific problem is not a plugin bug, but rather a problem of compatibility with your website. I can help you solve it as a private client.Forum: Plugins
In reply to: [Responsive Mobile-Friendly Tooltip] UnderlineHi there, first of all I can’t see any change in your responsive-tooltip.css, are you sure you saved the changes?
Second of all it seems shortcodes.css over writes responsive-tooltip.css, you might want to change the load order.The only page I could reproduce the problem on is: https://scentlog.com/amouage/
It seems to happen when your mouse is still on the element area and going over the tip element. What happens then is:
Mouse over the original element=>Tip shows up=>Mouse over tip element which means the mouse is not over the original element=>Tip disappear=>Mouse is over the original element=>…
Which result in the flickering. I’ll look into it and try to solve it.
ATM I think that making the tip element a child of the original element will solve the problem.
Unfortunately I don’t have the to work on it right now, if anyone works on it you can submit a pull request on github, if it will work I’ll upload it here.
Thanks everyone for reporting.Hi all thank you all for reporting, I was finally able to see the problem.
This is officially marked as “not solved” and I’ll start working on it.
I’d appreciate if you’ll write a review about the plugin after I’ll fix it.