tooltip content background

lenamedia · October 2017

I would like to

1. delete the crossing lines in tooltip content

2. change the color of tooltip content background

3. syle the tooltip Text (color for example)

4. syle the tooltip content Text (color for example)

Bryan · October 2017

Hi,
Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.
It is always a good idea to also attach a screenshot, for that use services like snag.gy or pasteboard.co
thanks

lenamedia · November 2017

for example:

http://dev.lenamedia.de/

Bryan · November 2017

Here is the main css for the tooltip. If you want to make changes we suggest using !important for each statement.

.tooltip:hover:after, .tooltip.hover:after {
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 5px 15px;
    width: 140px;
    position: absolute;
    left: 50%;
    bottom: 110%;
    z-index: 98;
    margin-left: -85px;
    background-image: url(../images/stripes/stripes_10_w.png);
}

tooltip content background

Comments