Portfolio Image - Text & Image dim Rollover Effect

Andrew Peck

• May 03, 2020 10:59

I'm making a portfolio page in my Brizy Wordpress site (8x4 grid) and I want to have a text and image dimming effect over my gallery images as I will  link teach item to an individual portfolio page.  So I need to give a text indication as to what each image links to.

So on rollover the image should dim (or have a semi transparent layer appear) and then text appear on top of that.

Something like this...

https://stackoverflow.com/questions/52562579/how-to-create-a-dark-fade-text-on-image-hover

Im not technical so can you help translate the Stackflow CSS/HTML tutorial into how I would do it in Brizy?

thanks

0

• 

  Alex

  • May 05, 2020 12:55

  Hi Andrew,

  Unfortunately, at the moment, you can't have text on image hover with builder options. You will have to involve some code customizations but once you are not familiar with this it will be a bit difficult. I would love to help but because you can't do this with the options available, to help you would mean preparing the necessary code for you.

  You can copy the code from StackOverflow and add it to Brizy with Embed element. This way you will create this portfolio manually with CSS & HTML.

  Also, you could look for a gallery plugin that has more hover effects and then add it to a Brizy page with a shortcode.

   

  0
• 

  David Robertson

  • March 02, 2021 21:37

  So sorry to bump an old thread, has this been implemented yet?

  regards

  Dave

  0
• 

  Alex

  • March 03, 2021 20:22

  Hey Dave,

  unfortunately, no. We have no news in this regard.

  0

Please sign in to leave a comment.