Jump to content

justine___ha

Member
  • Posts

    5
  • Joined

  • Last visited

Everything posted by justine___ha

  1. Hi, sorry for my late response. No I mean this section gets overlapped from the section below: In the screenshot above it is a slideshow. The screenshot below shows the overlap, when the website is viewed on a wider screen. Best wishes, Justine
  2. Hi, I added the image gallery (Slideshow:Full) and added pictures. I chose bullets as gallery controls and they are placed below the picture. Depending on the size of the browser, the section below overlaps with the gallery. With that, the lower part of the image is hidden and I don't want that. And the controls disappear, which is contra-productive. I've already used section[data-section-id="627d705257b5ff1a4b9e77a0"] { min-height: 120vh!important; display: block !important; position: relative !important; object-fit: contain!important; } That helps so that the image doesn't get cropped on the top. I just need something for the bottom now. I hope, anyone can help. Kind regards, Justine
  3. FYI (should anyone have the same problem): I've solved the problem by expanding the min viewport height of the section where the gallery is placed: To position the controls under the images I used: I'm semi happy. It works, but the spacing between the next section is very big, when viewed on mobile screens. I let it be like that for the start.
  4. Site URL: https://elkejochmann.squarespace.com Hi there, I'm using an image gallery from squarespace (slideshow: full). The gallery controls (in my case bullets) are displayed on the images and the image gets cropped on the bottom when I scale the browser window. Since the content of the images is important, I don't want it to be cropped. Is it possible to position the controls under the image? So they don't disturb the content? Any ideas how I can make it, so the image does't get cropped? I already use: .gallery-fullscreen-slideshow { object-fit: contain !important; } It helps, so that the top and the sides of the pictures don't get cropped. I just need it for the bottom, too. That's the website: https://elkejochmann.squarespace.com Thanks in advance for helping!
×
×
  • 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.