Question:could you share the values of the dark theme (or the css code)

Hi, dear users of  WordPress Tooltip Plugin ,  hope this message find you are doing well and having happy weekend with your family 🙂  A developer  told us he like the dark them of wordpress tooltips pro plugin and he is try to custom the tooltip style, but he have a little trouble, he request us share the code of the wordpress tooltip dark theme with him, we know many users is using our default white blue wordpress tooltip child theme and a few users like the yellow wordpress tooltip child theme, a few users like the dark wordpress tooltip theme, we think may be more users want to custom the theme a little to match their wordpress theme, we’d like reply in here publicly for help more wordpress tooltip users 🙂

We get the question from the amazing user:

Hi! Thanks for the awesome plugin! Right now, I’m struggling with modyfying the “dark” theme. I wanted to change it but when I do, everything looks completely different and I can’t reproduce the “dark theme” style. I really like the ability of the dark theme to change the tooltip box size acording to how much text is in it. COuld you share the values of the dark theme (or the css code) with me so that I can go from there? Thanks!

and

If you access the post “test”, you can see that I use the standard “dark” theme. The website is a language learning website that uses tooltips as it’s dynamic dictionary. I like how the box size changes according to the text length of the tooltip. I have not succeeded in recreating this with the custom style…
So my question is: how can I change just a few things about the “dark” theme? I would like to change font size, no underlining, colors, but the rest should stay exactly the same.

Thanks!

Our wordpress developer checked codes of wordpress tooltips pro and we shared the css code with him:

Hi,

Thanks for the reply 🙂
This is the original css codes we using for the dark theme:
—————
/*! Dark tooltip style */
.qtip-dark{
background-color: #505050;
border-color: #303030;
color: #f3f3f3;
}

.qtip-dark .qtip-titlebar{
background-color: #404040;
}

.qtip-dark .qtip-icon{
border-color: #444;
}

.qtip-dark .qtip-titlebar .ui-state-hover{
border-color: #303030;
}
—————

Hope this have a little help 🙂

Thanks, have a blessed day with your family 🙂

Best Regards,
Support Team

Then the amazing developer replied us:

Hi!

Thanks, I actually found the solution: you can put the value “auto” in Tooltip Box Width.
Kind regards

Yes! Just like we said in our document How to Auto Fit the Display Box to WordPress Tooltips Content?

After upgraded to the wordpress tooltip pro version 14.8.2, you will find in the wordpress tooltip box width field, you can enter the width value or the word “auto” in this field, if you enter the width value, then all tooltip box will have the same width with your customized box width value, if you enter “auto”, then tooltip box will auto match the tooltip content, that means, if you just enter 2 words in tooltip content area, then wordpress tooltip pop-up window will not display the tooltip box with the width 400px, it will just display about 100px to auto-match the length of the tooltip content, and get rid of the extra space in the tooltip pop-up box 🙂

Hope this document have a little help for more users have the similar problems 🙂

Thanks for the great question about wordpress tooltips, this will help more users pro-solve the similar question from our wordpress tooltip knowledge base, if you have any more question or feature request about our wordpress glossary plugin, please don’t hesitate to contact us, we are very happy to help you  🙂

Thanks, have a blessed day with your family 🙂

Best Regards,
Wordpress Tooltip Support Team