Jump to content

jess_h

Member
  • Posts

    8
  • Joined

  • Last visited

jess_h's Achievements

  1. This worked perfectly! Thank you!
  2. Site URL: https://www.52launch.com/our-work-2 I am trying to get the zoom on hover working properly in the gallery section on this page (first 2 images). I can get it to zoom, but I want the sides to be hidden and using "overflow: hidden" is not working. I have it working perfectly underneath on plain image blocks, but I cannot get it to work properly with a gallery section. If anyone has any ideas how to fix this, thank you!! Here is the code I have for it so far: section[data-section-id="66f41ba1b526f6338e68ff24"] { .gallery-grid-item img { transform: scale(1); transition: 400ms; overflow:hidden !important; } .gallery-grid-item:hover img { transform: scale(1.1); transition: 400ms; overflow: hidden !important; }}
  3. Site URL: https://www.52launch.com/our-work-2 I am trying to get the zoom on hover working properly in the gallery section on this page (first 2 images). I can get it to zoom, but I want the sides to be hidden and using "overflow: hidden" is not working. I have it working perfectly underneath on plain image blocks, but I cannot get it to work properly with a gallery section. If anyone has any ideas how to fix this, thank you!! Here is the code I have for it so far: section[data-section-id="66f41ba1b526f6338e68ff24"] { .gallery-grid-item img { transform: scale(1); transition: 400ms; overflow:hidden !important; } .gallery-grid-item:hover img { transform: scale(1.1); transition: 400ms; overflow: hidden !important; }}
  4. I got it working for the most part by adding width: 100%; margin-left: 5%; margin-right: 5%; within .button-code-block a . I'm not an expert so let me know if that will work consistently or if there's a better way. Now I just need the piece to make it stack on a smaller screen size
  5. Thank you!! So so close. It's looking a lot better, however because the word "manufacture" is longer than the other words, the button is overflowing into the space to the left and right of it instead of pushing the other buttons a little to the side to make even spacing between the buttons. It would be perfect if that word wasn't longer than the others. Is there anything that would prevent that from happening?
  6. That would be great! Thank you
  7. That could work! But I'm not sure if it will help with the uneven spacing that is also happening
  8. Is there a way to make sure my buttons don't overlap and are evenly spaced when the screen gets smaller? Thank you! Page: https://www.52launch.com/our-services
×
×
  • 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.