Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
laurenruth1

Hover effect on a gallery in 7.1

Question

7 answers to this question

Recommended Posts

  • 1

Hi @laurenruth1,

This should get you close. You can play around with the opacity value to make it more or less opaque:

.gallery-grid-item-wrapper:hover img {
  opacity: 0.3;
}

 

Share this post


Link to post
  • 0
On 4/8/2020 at 12:58 PM, christyprice said:

Hi @laurenruth1,

This should get you close. You can play around with the opacity value to make it more or less opaque:


.gallery-grid-item-wrapper:hover img {
  opacity: 0.3;
}

 

Hi,

Do you know of a way to have text appear on a hover over in gallery blocks in 7.1? I just want to be able to display the name of the person in each photo in the gallery.

Thanks!

Share this post


Link to post
  • 0
Posted (edited)
13 hours ago, tuanphan said:

Try 

 

Thanks very much for this. It seems to be working for the most part, but is there a way for the text to only display on hover over? I have read through the original thread but havent seen anything about this.

Its also showing the image extension (.jpeg) as well. I have tried removing the ext in the file name but it still appears. Any way around this?

Thank you!

Edited by WillH

Share this post


Link to post
  • 0
Posted (edited)
23 hours ago, WillH said:

Thanks very much for this. It seems to be working for the most part, but is there a way for the text to only display on hover over? I have read through the original thread but havent seen anything about this.

Its also showing the image extension (.jpeg) as well. I have tried removing the ext in the file name but it still appears. Any way around this?

Thank you!

Add to Home > Design > Custom CSS

.gallery-item-description {
    opacity: 0;
    transition: all ease-in-out 0.5s;
}
.gallery-item-description:hover {
    opacity: 1;
}

 

Edited by tuanphan

You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Armadillo - Free portfolio template

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...