Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • December 5, 2017 at 1:29 am #884897
    jasonlmook

    I need to replace the icon overlay on hover with a custom image for each portfolio item. On hover, the image should fade in but not rotate.

    Custom images are in the top of the media library.

    I can do the bulk of the work if you could get me started.

    Thanks in advance for your help with this mod.

    December 6, 2017 at 11:22 am #885493
    Victoria

    Hey Jason,

    You can easily change the icon for all of the images by css like this

    
.image-overlay.overlay-type-extern .image-overlay-inside:before {
    content: url("your image");
}

    But making different images for each portfolio will require quite an amount of customization.

    Best regards,
    Victoria

    December 19, 2017 at 9:01 pm #890602
    jasonlmook

    Thanks Victoria – I understand a different image for each portfolio would require a lot of custom code, so we won’t do that.

    I would like to use a single custom image in place of the circle and icon. I don’t want to just change the icon within the circle, I want to replace the entire thing with a custom image.

    December 21, 2017 at 7:54 pm #891318
    Victoria

    Hi jasonlmook,

    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

    
.image-overlay.overlay-type-extern .image-overlay-inside:before {
    content: url("https://www.americandesignfirm.com/wp-content/uploads/2017/12/portfolio-overlay-a.png");
    left: 25%;
    top: 30%;
    background: transparent;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    December 22, 2017 at 8:24 pm #891711
    jasonlmook

    Thank you Victoria!

    December 23, 2017 at 6:29 am #891793
    Rikard

    Hi,

    Glad we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    December 12, 2018 at 1:22 pm #1044311
    barra12

    Brilliant! Perfect solution, thanks.
    BARRY

    December 13, 2018 at 6:39 am #1044728
    Rikard

    Hi barra12,

    Great, glad you got it working. I’ll close this thread for now since it’s almost 1 year old.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Replacing Icon Overlay in Portfolio Grid with Custom Images’ is closed to new replies.