[Michael BParticipant]

Hi Theme X

I need some help, I have a couple elements that have tooltips and I need the background of each tooltip to be different. Is this possible to implement?

thanks for your help!

[ZeshanMember]

Hi Michael,

Thanks for writing in! This could technically be possible with custom CSS code but would fall beyond the scope of support we can provide. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

In the meantime: you can target each tooltip using its dynamically generated unique ID (see: http://prntscr.com/74bqii). You can use following CSS code:

#tooltip432139.top .tooltip-arrow {
    border-top-color: #ff0000;
}

#tooltip432139 .tooltip-inner {
    background-color: #ff0000;
}

Replace tooltip432139 with the unique tooltip’s ID.

Thanks for understanding.

[Michael BParticipant]

cool thanks for that, however, I cant get the source details on the tooltip because everytime I want to put my mouse over the tooltip it disappears since I am no longer hovering over the image. any advice?
thanks again 🙂

[Michael BParticipant]

update* I managed to view the tooltip source by changing the action from hover to click. But it does not appear to have a unique tooltip id?
see image
https://www.dropbox.com/s/3t75c8vlrkwomlz/Screenshot%202015-05-14%2012.28.00.png?dl=0

thanks for your help.

[RadModerator]

Hi Michael,

Have you tried chrome’s browser? And please provide the url address that has this issue.

Thanks!

[Author]

Posts