Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 31, 2014 at 6:57 pm #245629
    DaveL77

    Is there a way to disable the white rollover effect that occurs on a linked image but still keep the image linked?

    Reference: http://gyazo.com/75eafd475f85c5fee118b90dd8db6764

    I’d like to link some images but not have the white overlay show up as it doesn’t really go with my website at all.
    so

    1. Is it possible to remove the white overlay and keep the image linked
    2. Is it possible to change the overlay colour when I’d like to use it for other images?

    Thanks!

    March 31, 2014 at 11:47 pm #245788
    David

    Hey DaveL77!

    Find the snippets below,

    To remove the overlay use this code.
    .image-overlay{ background-color: transparent; }
    To add it use the same just change the transparent to #ANYHEXCOLOR;

    Regards,
    David

    April 1, 2014 at 4:37 pm #246125
    DaveL77

    Hi David,

    This would work for regular images inserted in a text box as I know how to apply CSS coding there, however how do I apply this fix to images placed using the Image feature within your visual editor?

    I have SOME images I’d like to keep the white overlay on, and some images I want to completely remove the white overlay.
    Forgive me if I’m missing something here, but wouldn’t that code just remove the overlay all together?

    I guess there is no way to easily toggle this feature?

    April 2, 2014 at 6:22 pm #246649
    DaveL77

    Disabling the overlay worked perfect, I just want to disable the round circle with the arrow that pops up as well.
    Reference:
    http://gyazo.com/fab6256e0db29190e21ffb4d6f4af7ec

    Thank you for all your help!!

    April 2, 2014 at 6:34 pm #246662
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .image-overlay { display: none !important; }

    Regards,
    Yigit

    April 3, 2014 at 3:48 pm #247086
    DaveL77

    This worked!

    Thank you very much for your help!!!!

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Disable white rollover overlay on an image but still keep it linked.’ is closed to new replies.