gemmah6 Posted April 6, 2022 Share Posted April 6, 2022 Site URL: https://iris-apricot-ph4a.squarespace.com/ I've used come custom CSS (pasted below) to make my gallery captions appear as a hover, however this seems to have affected the links I've applied to the images? They need to link to their own web page – it will function sort of like a portfolio grid (didn't want to use portfolio grid because it didn't appear as I wanted) .gallery-caption { position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.6); /* overlay color */ height: 100%; max-width: unset; padding: 0; opacity: 0; } .gallery-caption-wrapper { display: flex; align-items: center; /* center vertically */ justify-content: center; /* center horizontally */ } .gallery-caption-content { font-size: 1.6rem !important; /* caption font size */ font-weight: 600 !important; color: white; /*caption font color */ } .gallery-grid-item { position: relative; } .gallery-grid-item:hover .gallery-caption { opacity: 1; } .gallery-caption-grid-simple { transition-delay: 0ms; } Link to comment
gemmah6 Posted April 6, 2022 Author Share Posted April 6, 2022 site password is design Link to comment
tuanphan Posted April 10, 2022 Share Posted April 10, 2022 You mean the link doesn't work? Try edit this code .gallery-caption { position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.6); /* overlay color */ height: 100%; max-width: unset; padding: 0; opacity: 0; } to this .gallery-caption { position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.6); /* overlay color */ height: 100%; max-width: unset; padding: 0; opacity: 0; pointer-events: none; } 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