Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • June 23, 2017 at 10:29 pm #812321
    Drebosio

    Hi Enfold,

    Is there a way to change the icon of the hover state on an image on a specific page?

    I have a portfolio element that has only videos in it, using the ajax loader so it all loads within the section. However i get the default arrow icon. Would like to change it to the play button or something video related.

    If possible, how can i go about this?

    Thanks!

    June 23, 2017 at 11:01 pm #812325
    Drebosio

    So i may have found a to achieve this, just incase someone stumbles across this

    Make sure you have the custom CSS field enabled in ALB and add a class name to the element.

    Then in the quick css add the following: (change the url to where ever your img is hosted at)

    .your-custom-class .image-overlay.overlay-type-extern .image-overlay-inside:before {
    content: '';
    background-image: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
}

    https://kriesi.at/support/topic/custom-image-overlay-on-images/

    Unless there is a better or more efficient way to do this, you can close this ticket. :)

    • This reply was modified 7 years, 6 months ago by Drebosio.
    June 24, 2017 at 7:23 am #812408
    Rikard

    Hi,

    Great, glad you found a solution and thanks for sharing, much appreciated. If it works then I don’t see any problem with using it.

    Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Img hover icon on specific page’ is closed to new replies.