Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #948310

    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)

    #948946

    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

    #949250

    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.

    #950076

    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

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.