CSS tooltip customize in worpress.com
-
Is there a way to customize, just CSS, the tooltip container format, not the text info inside it, in wordpress.com site?
Thanks in advance.
The blog I need help with is: (visible only to logged in users)
-
Hi there, can you tell us where in your site you want to style tooltips?
I took a look at your site and see there are title attributers that show up on the post titles. This solution is a little rough in that is doesn’t work as cleanly as the browser tool tips, but give it a try and play around with things.
.entry-title a[title]:hover:after { background: lightblue; content: attr(title); position: absolute; font-size: 65%; font-weight: normal; left: 30%; border: 1px solid #000000; padding-left: 3px; padding-right: 3px; z-index: 1000; max-width: 320px; color: #000000; } -
Thanks a lot Thesacred… it works but the native tooltip of the browser still is shown while in hover, so there are two tooltips with same text content.
-
Hmmm, it wasn’t showing in my browser, but perhaps I think I didn’t hover long enough. I’ve tried a couple other tricks to get the existing tooltip to disappear, but haven’t been successful. I’ve also done some searching and have not found any CSS solutions.
-
-
- The topic ‘CSS tooltip customize in worpress.com’ is closed to new replies.