Text to appear on hover for carousel thumbs

Site URL: http://www.floatmusic.co.uk/

Hi guys,

Wanting to get the text over the FEATURED ARTISTS (4th block down) images to appear on hover rather than to always be there.

https://www.floatmusic.co.uk/

Is this possible?

Thanks

7 hours ago, robinhouse said:

Site URL: http://www.floatmusic.co.uk/

Hi guys,

 

Wanting to get the text over the FEATURED ARTISTS (4th block down) images to appear on hover rather than to always be there.

https://www.floatmusic.co.uk/

Is this possible?

 

Thanks

 

Add this to Design->Custom CSS

#block-yui_3_17_2_1_1588349710745_12089 .summary-item .summary-content {
  opacity: 0 !important;
  transition-duration: 0.2s !important;
  transition-delay: 0.0s !important;
}
#block-yui_3_17_2_1_1588349710745_12089 .summary-item:hover .summary-content {
  opacity: 1 !important;
}

Thanks! Thats worked!

@robinhouse I see footer on mobile has huge top/bottom padding. If you need to reduce height, you can use this CSS

/* reduce mobile footer height */
@media screen and (max-width:767px) {
footer.sections section {
    min-height: unset !important;
}
}

Hi @bangank36 Im trying to apply this to my site as well(to display events) but it does not seem to work. Could you assist me by any chance? Thanks!

8 hours ago, RTAAMarketing said:

Hi @bangank36 Im trying to apply this to my site as well(to display events) but it does not seem to work. Could you assist me by any chance? Thanks!

what is your site url

14 hours ago, bangank36 said:

what is your site url

10 hours ago, RTAAMarketing said:

I'll have to add you. My site is not live right now.

 

•  

just enable site wide password for temporary access

20 hours ago, bangank36 said:

just enable site wide password for temporary access

Thanks! I private messaged you with the password.

Hi @bangank36, I am struggling to make it work on my site. I'll really appreciate it if you'd help :).

Here is my site: https://www.unswaseanconference.com/about-asean-2021

I am trying to implement it on my second and third carousel.

@Will123 Can you add text first? Then we can check & give the code easier