Search…

X3 Photo Gallery Support Forums

Search…
 
ClaudioMaffucci
Topic Author
Posts: 18
Joined: 12 Mar 2018, 06:22

Tool tip

27 Feb 2019, 07:15

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 {
  1.    color: rgba(255,255,255,0.8);
  2.    text-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}

I hope you can support me.
Thank you in advance 
Ciao
Claudio 
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13993
Joined: 30 Sep 2006, 03:37

Re: Tool tip

27 Feb 2019, 09:15

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:
Code
.tooltip {
  color: white;
  background: #990000 !important;
}
 
ClaudioMaffucci
Topic Author
Posts: 18
Joined: 12 Mar 2018, 06:22

Re: Tool tip

27 Feb 2019, 10:54

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
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13993
Joined: 30 Sep 2006, 03:37

Re: Tool tip

27 Feb 2019, 22:31

Code
.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.
 
ClaudioMaffucci
Topic Author
Posts: 18
Joined: 12 Mar 2018, 06:22

Re: Tool tip

28 Feb 2019, 03:48

Hi,
thank you very much for the answer. Now, I have a problem only with:
Code
.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
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13993
Joined: 30 Sep 2006, 03:37

Re: Tool tip

28 Feb 2019, 06:01

Try this:
Code
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.
 
ClaudioMaffucci
Topic Author
Posts: 18
Joined: 12 Mar 2018, 06:22

Re: Tool tip

28 Feb 2019, 06:56

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