joannfotografie
Member-
Posts
11 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by joannfotografie
-
Only one image clickable in Grid Masonry mobile
joannfotografie replied to joannfotografie's topic in Site Design & Styles
@tuanphan Hi no sorry, the site was removed from password! Below the correct link https://www.dominique-jo-ann-fotografie.nl/ -
Only one image clickable in Grid Masonry mobile
joannfotografie replied to joannfotografie's topic in Site Design & Styles
Hi! I used the code below, but did not write it myself. I took it from another post, but do not remember which one sorry! @media (max-width: 767px) { .gallery-masonry .gallery-masonry-wrapper { columns: 2; column-gap: 0; height: auto!important; display: block!important; padding: 0 0px; } .gallery-masonry-item-wrapper { height: auto!important; } .gallery-masonry-item { position: relative!important; transform: none!important; width: 100%!important; display: block; padding: 3px!important; box-sizing: border-box; } .gallery-masonry .gallery-masonry-item img { height: 100%!important; width: 100%!important; } .gallery-caption-content { opacity: 0.75 !important; height: 25%; position: relative; padding: 5px 10px 5px 10px; line-height: 15px !important; } -
Site URL: https://gold-cheetah-exh9.squarespace.com/anders Hi everyone! Could someone please help me out with this. I used custom CSS to turn a masonry grid into 2 columns, instead of 1, on mobile view. Now it seems that only one image is clickable, using lightbox, I think? How can i fix this? When you hover over it with mobile view on pc (which of course you cant see on mobile itself) you can see that only the first image shows a loop to press it, the others don't. https://gold-cheetah-exh9.squarespace.com/anders PW: Geheim123 Weirdest thing is, if you go to a different type of photoshoot, for instance this link: https://gold-cheetah-exh9.squarespace.com/familie-en-gezin-shoots (same password) The gallery does work and I'm fairly sure that I used the same code for all of them. Hopefully someone can help me with this!
-
Make gallery 3 columns on mobile view for Squarespace 7.1
joannfotografie replied to 18250907's topic in Customize with code
@tuanphan hi again, i tried doing this, but there is still a piece hanging. also the text is going over the images instead of staying below it. maybe what i want is not possible, that is okay haha then i'll change it back to 2 columns- 14 replies
-
- squarespace-7.1
- gallery
-
(and 1 more)
Tagged with:
-
This works, thank you so much!
-
Make gallery 3 columns on mobile view for Squarespace 7.1
joannfotografie replied to 18250907's topic in Customize with code
@tuanphan yes of course! I've attached a new screenshot. The title / figcaption belongs to the picture in the middle column bottom picture, but it is in the column on the right- 14 replies
-
- squarespace-7.1
- gallery
-
(and 1 more)
Tagged with:
-
Hello @tuanphan ! Thanks for all the help so far, I have another question. Been trying to do this, have them now hidden on mobile, but want them next to each other, all five if possible. Code should be on 174 Anything I tried just split the images in half for some reason. https://gold-cheetah-exh9.squarespace.com/home PW: Geheim123
-
Make gallery 3 columns on mobile view for Squarespace 7.1
joannfotografie replied to 18250907's topic in Customize with code
@tuanphan Hi! I've been trying to do the same, with showing figcaption, but the caption is going to the wrong column. Code is on row 183 (as of right now, but shouldn't change too much) https://gold-cheetah-exh9.squarespace.com/home PW: Geheim123 How do I get the caption to stick to the bottom middle picture?- 14 replies
-
- squarespace-7.1
- gallery
-
(and 1 more)
Tagged with:
-
Mobile image resize causing gray space
joannfotografie replied to SouthernSunEvents's topic in Customize with code
Thanks! This worked 😄 -
Mobile image resize causing gray space
joannfotografie replied to SouthernSunEvents's topic in Customize with code
-
Mobile image resize causing gray space
joannfotografie replied to SouthernSunEvents's topic in Customize with code
Hi! I think I am running into the same problem? https://gold-cheetah-exh9.squarespace.com/over-mij pw: Geheim123 When viewed on mobile screen there is a grey space left from resizing the image with css. This is the code I used: @media screen and (max-width:640px) { section[data-section-id="62251c837888112829fbce6e"] img { height: 80% !important; overflow: hidden !important; } } @tupakihi @bangank36