@mariusjopen you can hover the image, and in the hover state (in chrome) select 'inspect'. that will show you the css for the hover state.

@lauramas said in [Hover on text with image showing]

try adding a class called clean

return "<img class='map clean' alt='" + text +
"' src='" + url + "'>";

and in your css, add this

.clean {
background-color: none !important;
border: none !important;
}

it's too much work!
it could be useful to add some kind of hover function in laytheme, since many people ask for it.

adding 0's to z-index doesn't help ;)

i've had this issue and solved it before,

send the site url, with the code. i'll take a look.

you can use css

.row-you-want-transparent {
background-color: rgba(255, 255, 255, 0) !important;
}

try this... only css

https://codepen.io/cestdani/pen/vYYxvwV

i looked at the plugin and the complicated part is that the styling is built into the plugin. there is no separate css code.

the css style is built into the widget (js) so it's not easily editable. (disadvantage of using plugins).

try to find something here that does the same thing: https://codepen.io/

i can help you implement it when you find something.

dani

can you post a link to your code/site?