Tonmeister

Thank You, that works!!

@tuanphan No, I just used a spacer. But this gives me uneven results depending on display. I just removed the spacer, can you give it a go? Thank You 🙏

perfect!! Thank YOU

Dear @tuanphan, I have the exact same issue, except my classes are all different and I need to do the same effect for 23 pages of staff members. I would like the staff biography (the longer text) to be vertically centered next to the image. Since I want to do this to many pages I gave the biography a class name by using this html code: <div class=staffbio><h4> Lajos became part of ... ... expression.</h4></div> Website: https://wisteria-panda-z2eg.squarespace.com/staff/wienkamp pw: rotorrotor How should I adjust you css in order to get the desired effect? All the best! Gregor

Sorry! Wrong link. This one here: https://wisteria-panda-z2eg.squarespace.com/staff/warda pw: rotorrotor

I dont understand why noone is posting their URL!? I happen to have the same question. website: https://wisteria-panda-z2eg.squarespace.com/staff/warda pw: rotorrotor I entered (copyright Eichhorn) as a filename for the image in the image card. I would like this to display in small font-size right underneath the image (right-aligned). Is this possible?

I just did, @IXStudio? My Custom CSS is in my above post! Best, Gregor

Dear @IXStudio, This is the Code I currently have on the gallery: The .gallery-caption-content part is where the captions are supposed to center, but my method does not do the trick (looks right on one display size and wrong on the next). [data-section-id="5ecfd6bf2264504f05940ef4"], [data-section-id="5f54acf2f7214e5c428462e2"], [data-section-id="5f560c836cd6b40f39b58a23"]{ figure.gallery-grid-item { margin-top: 0px; margin-bottom: -0.4em; } figure.gallery-grid-item .gallery-grid-item-wrapper a:before { background-color: rgba(40,0,0,0.7); content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 999; opacity: 0; transition: all .5s } figure.gallery-grid-item:hover .gallery-grid-item-wrapper a:before { opacity: 1; transition: all .5s } .gallery-caption p.gallery-caption-content { pointer-events: none; } .gallery-caption-content { position: absolute; text-align: center; top: 0%; width: 100%; bottom: 0; padding: 0% 0%; box-sizing: border-box; top: -12em !important; height: 0px !important; font-size: 1.5em!important; font-weight: 500!important; text-shadow: 0px 0px 20px rgba(0, 0, 0, 1); visibility: hidden; } figure.gallery-grid-item:hover .gallery-caption-content { visibility: visible; } @media screen and (max-width:640px){ .gallery-grid--layout-grid .gallery-grid-wrapper { grid-template-columns: repeat(2,auto) !important; padding-top: 20px; padding-bottom: 20px; } } } Can you help? All the best, Gregor

Amazing!! Anyway to position the caption exactly in the center of image? I messed around with the code, but can't seem to figure it out. Thanks a bunch! Gregor

Site URL: https://wisteria-panda-z2eg.squarespace.com/projects pw for website: rotorrotor Dear All, I managed to position my captions to be centered (actually not quite centered, they jump up and down according to display size, but good enough..) on gallery images and appearing on hover: https://wisteria-panda-z2eg.squarespace.com/projects (pw: rotorrotor) However, only the part of the image is clickable (links to another page) that is not covered by the caption. How do I get the entire image to be clickable? Thanks a bunch!! Gregor

I think Schwartz-Edmisten mentions that in their Parallax Video and how to solve it. https://schwartz-edmisten.com/blog/how-to-add-parallax-to-squarespace-7-1 Btw, I'm using the Parallax Code of his #2 Update on the same page. Might wanna check it out. Best, Gregor

@tuanphan, Perhaps you remember who wrote the original jquery (above)? Thx + All the best! Gregor

Hi There, Could you provide which code you used for parallax? We will look into it. Best, G

Hi there @tuanphan, Website: https://wisteria-panda-z2eg.squarespace.com/servicespw: rotorrotor This is the link to the gallery! It looks a bit messy right now, but the first gallery item is what i am testing with: Im trying to get both of these texts to display inside lightbox. Any ideas? Thank you! Gregor

Site URL: https://wisteria-panda-z2eg.squarespace.com/config/design/custom-css pw: rotorrotor (to my website) Dear All, I found a plugin (https://notebooks.azure.com/anon-xlpdiq/projects/IMDB-Auto-Embed) that lets you embed imdb videos to wordpress sites. The reason I want to do this is because I would like to embed trailers to movies on my website. Do you think I can get this plugin to work on squarespace? The good thing about it is that it looks for alternate videos if the one you chose is not available for whatever reason. In other news, I haven't managed to embed imdb videos in squarespace's generic video embed so far, apparently it only supports youtube, vimeo and such. Is that right? Thank You + All the best, Gregor