Amadaeus

@Pandagal Is this the effect you're after? If so this could should get you started

 
/* Add this code to Design -> Custom CSS */ .gallery-caption { position: absolute !important; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 102%; text-align:center; opacity: 0; transition: all .3s ease; background-color: white; height: 100%; } .gallery-masonry-item:hover .gallery-caption { opacity: 1; transition: all .3s ease; } .gallery-caption-wrapper { display: flex; place-items: center; justify-content: center; }  
CleanShot 2020-06-19 at 12.09.19.mp4

To keep lightbox on click, add this to Gallery Page Settings > Advanced > Header
<style> .gallery-caption { pointer-events: none; } </style>  

Hi everyone. I could use some help from the hive mind on how to do what I'm trying to do... efficiently.
Webpage is going to be about 30-40 pages Using Will-Myers Nav Replacement Javascript plugin so that 50% of the pages will have Navbar "A" while the other 50% will have Navbar "B" Navbars "A" and "B" are being code injected into each page right now As you can imagine, that last bullet point isn't very sustainable in the long term. If we want to change the navbar, I really don't want to have to go into the code for 20+ sites to change it. It's a recipe for a human-made mistake disaster.
Is there a way for me to inject a reference to a centrally-controlled <div> block so I can make a change in one place and cascade to the affected pages?
Thanks for your help everyone!