staggerleek Posted January 19, 2021 Share Posted January 19, 2021 Site URL: http://www.charlesleek.com Does anyone know code to keep hover text always on the images (so you don't need to hover to see the text) in a gallery? Alternatively, does anyone know a way of showing the hover text on mobile. Part of my home pages functionality is images working as links, but this doesn't work on phones as the text can never be seen. Link to comment
tuanphan Posted January 23, 2021 Share Posted January 23, 2021 Add to Design > Custom CSS .collection-type-gallery .thumb-list .thumb .thumb-title { display: block; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
MikeSplice Posted February 24 Share Posted February 24 This worked great on the iPad for my website - https://www.mikejshen.com. Now visitors can see the clip name of the video in the gallery. Before, you could only see it on a computer by hovering over the clip with a mouse. The problem is that on my iPhone, when visiting the site, you still don't see the clip names. Is there any adjustment to the code that will allow visitors to see them? Thanks so much for any advice you can offer, and for what you've already given! Link to comment
tuanphan Posted February 25 Share Posted February 25 On 2/24/2023 at 7:42 AM, MikeSplice said: This worked great on the iPad for my website - https://www.mikejshen.com. Now visitors can see the clip name of the video in the gallery. Before, you could only see it on a computer by hovering over the clip with a mouse. The problem is that on my iPhone, when visiting the site, you still don't see the clip names. Is there any adjustment to the code that will allow visitors to see them? Thanks so much for any advice you can offer, and for what you've already given! Add to Design > Custom CSS @media screen and (max-width:640px) { .collection-type-gallery #slideshowWrapper .image-description { display: block !important; } .collection-type-gallery #page #slideshow .slide { position: relative; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment