Page 1 of 1
Tool tip
Posted: 27 Feb 2019, 07:15
by ClaudioMaffucci
Hi,
support by chrome I discovered the element that i want to modify (color, size, colo-font, ...) but excluding the background and color I was unable to discover the correct parameters that I have or I can change.
.tooltip.item-tip {
- color: rgba(255,255,255,0.8);
- text-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}
I hope you can support me.
Thank you in advance
Ciao
Claudio
Re: Tool tip
Posted: 27 Feb 2019, 09:15
by mjau-mjau
Hi. Your code is correct. What exactly do you want to change? If you want to change background color also, you may need to use !important to overwrite existing color. For example:
.tooltip {
color: white;
background: #990000 !important;
}
Re: Tool tip
Posted: 27 Feb 2019, 10:54
by ClaudioMaffucci
Hi,
thank you very much for the answer.
More or less I did the work but if you can support me how to change the color of the Title inside the tooltip (the description is fine) and how to change the color of the small "arrow" on the bottom of the tooltip.
Thank you again.
Regards,
Claudio
Re: Tool tip
Posted: 27 Feb 2019, 22:31
by mjau-mjau
.tooltip {
background: #990000 !important;
}
.tooltip.item-tip .title {
color: white;
}
.tooltip.item-tip .description {
color: #EEEEEE;
}
.tooltip.tip-top > .nub {
border-color: #78a642 transparent transparent !important;
}
The arrow at the bottom ".nub" is a bit tricky, because it uses a "border" to create the triangular effect, when the arrows points in a certain direction. You can just change the above example.
Re: Tool tip
Posted: 28 Feb 2019, 03:48
by ClaudioMaffucci
Hi,
thank you very much for the answer. Now, I have a problem only with:
.tooltip.tip-top > .nub {
border-color: #78a642 transparent transparent !important;
}
It doesn't change the color when I change the color code.
Could you please give me an additional support?
Thank you in advance.
Claudio
Re: Tool tip
Posted: 28 Feb 2019, 06:01
by mjau-mjau
Try this:
body .tooltip.tip-top > .nub {
border-color: #78a642 transparent transparent !important;
}
If that doesn't work, please include link to your website so I can diagnose.
Re: Tool tip
Posted: 28 Feb 2019, 06:56
by ClaudioMaffucci
Hi,
thank you very much. The last solution works perfectly.
As usual your product and your support is fantastic.
I wish you a nice day.
Claudio