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

Recommended Posts

Hi there,

I have added some code to get the hover effect (overlay + Poster: Title/Subtitle ) on images (see screenshot attached). 

/* Hover Effect Images */
.sqs-block-image:hover { brightness: 100%; transition: .6s; cursor: pointer;}
.sqs-block-image:hover img { filter: brightness(0.7); transition: .3s;}
.sqs-block-image:not(:hover) 
.image-card-wrapper { display:none;}

Unfortunately it started behaving weirdly - the hover just works on all images now, rather than on only https://www.aeliaandthecamera.com/branding and text is not displayed while hovering over. 
Any advices how to make it work properly are highly appreciated 🙂

Many thanks 🙂
A.

Screenshot 2019-11-15 at 16.27.32.png

Share this post


Link to post

@AeliaandtheCamera " text is not displayed while hovering over." >>> text size is 0%, so you will don't see it.

add to Home > Design > Custom CSS

 

.image-title.sqs-dynamic-text {
    font-size: 15px !important;
}

 

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...