mprDesigns Posted April 24, 2022 Posted April 24, 2022 (edited) Site URL: https://www.millicentharvey.art/ password is Photo2022 - hibiscus-grouper-dy5p.squarespace.com my client loves the gallery display on the Wells template. Except when you make the browser smaller, at a certain point, the image description goes from the left sidebar over to the right in an overlay box. She does NOT want her art images blocked out in the corners. How do I remove this right aligned repositioning? I've seen other Wells based websites where the words move from left to under the image during the resizing but they don't move to the right. That would be ideal as once an edition sells out we'd want to remove the click-through link - then the description comes back into play and I need to be able to clearly mention "this limited edition has sold out" or whatever, but not on the right 🙂 Also - is it possible to have to descriptions show under the gallery thumbnail in desktop view as well? When I view the website in mobile I can see the photographs description under each images, but they are stacked in mobile not on a grid like in desktop - I'd like to see the titles of the images in desktop/grid view also if that's possible. Edited April 24, 2022 by mprDesigns
mprDesigns Posted April 24, 2022 Author Posted April 24, 2022 So far I was able to find an old post about this and the codes ALMOST worked, the right display is gone but the description kept moving around when underneath the image. I changed one word and it finally worked the way I wanted it to.. . Source: Edited code I'm using now: .collection-type-gallery.hide-meta .meta { position: center; margin-right: 0 !important; margin-left: auto; width: auto; bottom: 23px; max-width: 1000px; } tuanphan 1
mprDesigns Posted April 27, 2022 Author Posted April 27, 2022 Still UNSOLVED unfortunately - it was working and now it is not?! I'm so confused. @tuanphan - any ideas?
tuanphan Posted May 1, 2022 Posted May 1, 2022 Can you share link to gallery? I Clicked on Limited Editions >> It all redirects to product Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Tighe Posted January 23, 2023 Posted January 23, 2023 Hi all I would like to move the description container from right to left ... could someone advise as to what the code is, as well as here to add it... much appreciated. When the image is full screen the control container covers the photo. this is the site https://michaeltighe.website/f0wk04bq61a6q7ie2bjv0libl71adf
tuanphan Posted January 27, 2023 Posted January 27, 2023 On 1/24/2023 at 3:22 AM, Tighe said: Hi all I would like to move the description container from right to left ... could someone advise as to what the code is, as well as here to add it... much appreciated. When the image is full screen the control container covers the photo. this is the site https://michaeltighe.website/f0wk04bq61a6q7ie2bjv0libl71adf Use this CSS code .collection-type-gallery.hide-meta .meta { right: unset !important; left: 20px !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment