Hi,
I have three images with links in the “footer” (using feature “page as footer”) – on rollover one displays a white overlay and blue arrow icon (dont want that!) and other two just show a tooltip with the image file name (dont want that either!) I want some other kind of indication that it is a link, more subtle – where are the choices for this and if an icon/overlay where are the settings for that?
Why are the rollovers different even though all are same image “element” and all are png? (I even re-did them as clones but the rollover behaviour didn’t change at all)
Hey patricknh,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.avia-image-container.av-styling-no-styling.avia-builder-el-6 a,
.flex_column.av_one_fifth.flex_column_div.avia-builder-el-7 a {
pointer-events: none;
cursor: default;
}
If you need further assistance please let us know.
Best regards,
Victoria
HI,
I tried that code. Now the links no longer work which makes it all pointless!
Also I get some strange overlay when I click on one of the images.
I would like to use some other method of highlighting those as links like a box outline or something. How do I target those is the css to add a one line border or something on hover.
But at least it must go back to showing the “click” hand icon on hover and go to link when clicked.
Hi patricknh,
Can you try adding this css code in Quick CSS:
#main-footer .et_pb_image span.et_overlay {
display: none !important;
}
Let us know if this helps.
Best regards,
Nikko