CSS tooltip customize in worpress.com

unbosquedeteverde · Member · Nov 30, 2013 at 10:28 am
Copy link

Add topic to favorites
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)
thesacredpath · Member · Dec 5, 2013 at 4:20 am
Copy link
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;
}
```
unbosquedeteverde · Member · Dec 7, 2013 at 11:25 am
Copy link
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.
thesacredpath · Member · Dec 7, 2013 at 11:12 pm
Copy link
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.
unbosquedeteverde · Member · Dec 8, 2013 at 12:07 am
Copy link
Anyway, thanks a lot Thesacredpath! it´s not crucial.
thesacredpath · Member · Dec 8, 2013 at 12:08 am
Copy link
You are welcome.

No items found.