Jump to content

joannfotografie

Member
  • Posts

    11
  • Joined

  • Last visited

Everything posted by joannfotografie

  1. @tuanphan Hi no sorry, the site was removed from password! Below the correct link https://www.dominique-jo-ann-fotografie.nl/
  2. 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; }
  3. 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!
  4. @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
  5. This works, thank you so much!
  6. @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
  7. 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
  8. @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?
  9. 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
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.