Jump to content

D_Efinger

Circle Member
  • Posts

    10
  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

D_Efinger's Achievements

  1. Hi Squarespacers – I need your assistance as I can't find an answer or solution to this. On the home page of the site I'm designing for a client, we have a full-screen gallery slideshow. On desktop, it looks fine and the captions display directly below – on Mobile they disappear. The captions have to appear on mobile for copyright reasons – can someone help? I've tried targeting it with bits of CSS but I don't think I have right parameters. Site link is: https://tuatara-quillfish-agra.squarespace.com/ | Password is: bucharest23 Images below for reference
  2. Oh I see. Is there a way to do this with HTML, I've only ever set this command in CSS so I'm not sure how to re-word it for the iFrame. Thanks!
  3. Hello – I have recently placed an embed block of an Atlist map on the Squarspace site I'm designing for a client. However, when the site goes to mobile, it maintains the height of the map, cutting off a wide chunk of it. I've tried applying some mobile only settings to it in Custom CSS (@media only screen etc.) but it doesn't seem to budge. Can someone please take a look and see what I'm doing wrong? Site is: https://tuatara-quillfish-agra.squarespace.com/ Password is: bucharest23 Code I'm using: @media screen and (max-width:640px) { div#block-yui_3_17_2_1_1677690462239_12054 { max-height: 40vh !important; } } Thanks!!
  4. Hello – I'm working on a site and my client has asked if there is a way to customise the Autoplay controls for a Slideshow Gallery (not a video). Squarespace only gives you the option to turn it on and off for a Slideshow Gallery, but I'm wondering if there's some code that would turn off the autoplay once a user has started clicking through on their own. Currently, because autoplay is on, it jumps around when you try to manually move it with the arrows. Is there a fix for this? Example page on the site: https://tuatara-quillfish-agra.squarespace.com/recipients/2022-petra-basnakova Password: bucharest23 Thanks!
  5. Yeah there are 2-3 different watermarks for mobile because it has to apply to the slideshow gallery, grid gallery and also on any lightbox images (clicked on from the grid gallery). So perhaps Squarespace is getting a little confused? Should I put each of the instances in its own: @media only screen and (max-width: 767px) {.gallery-grid-item-wrapper{ position: realtive!important} ... kind of boxes? Or is that overcomplicating things?
  6. Hi Ziggy – thanks so much for this. I just changed the section height to S and removed the bottom: 1rem !important; line of code but it doesn't center the watermark? I had tried this before and I wonder if another piece of code is overriding the positioning? I do agree with you about the ability for people to save images – it's something we'd discussed with the client but at the very least, we wanted to take a few precautionary steps. But of course, any savvy internet users will know exactly how to access the images!
  7. Yes of course! This is an example of one of the gallery pages: https://tuatara-quillfish-agra.squarespace.com/recipients/2021-emre-cakmak Password for the site is bucharest23
  8. Hello – I'm currently designing a site for a client who has requested that a watermark appears on all images in gallery blocks (it's a photography scholarship website so they would like to protect the work against screenshots, etc.). I have followed this tutorial and have successfully added a watermark to all of my Slideshow Galleries and Simple Grid Galleries (we use both on this site). However, despite my best efforts, I have not been able to format it how I would like. Ideally, it would sit in the bottom left-hand corner of every image it's applied to (currently it is bottom-center). Because the galleries feature both horizontal and vertical imagery, it's a little tricky but I think I have it sorted for desktop. Mobile is a mess because it sits in a fixed position (in relation to the gallery block I suppose) but there are many instances where it's off of the image, fading into the background, etc. Is it possible to make this watermark responsive to the actual images inside the gallery as opposed to the block? Page that hosts all of the individual gallery pages: https://tuatara-quillfish-agra.squarespace.com/recipients Password for the site is: bucharest23 This is what my code looks like for mobile, but if there's a way to make it responsive on desktop too that would be amazing. Help me Squarespacers – you're my only hope! // * watermark for mobile * // @media only screen and (max-width: 767px) {.gallery-grid-item-wrapper{ position: realtive!important} .gallery-grid-item-wrapper:after{ content: " "; display: block; background-image: url(https://static1.squarespace.com/static/63b8358e8a934c02f382193f/t/63ef57a074c0413092600b04/1676629920466/Ian+Parry%2C+Secondary+Logo+B%2C+RGB%2C+Small+Watermark.png)!important; background-size: contain; position: absolute; width: 90px; height: 20px; left: .5rem; bottom: 0.2rem !important; opacity: .4 } .gallery-slideshow-item-wrapper{ position: realtive!important} .gallery-slideshow-item-wrapper:after{ content: " "; display: block; background-image: url(https://static1.squarespace.com/static/63b8358e8a934c02f382193f/t/63ef57a074c0413092600b04/1676629920466/Ian+Parry%2C+Secondary+Logo+B%2C+RGB%2C+Small+Watermark.png)!important; background-size: contain; position: absolute; width: 21.3px; height: 19.8px; repeat: none; position: center; bottom: 4rem !important; opacity: .4 } .gallery-lightbox-item-wrapper{ position: relative!important} .gallery-lightbox-item-wrapper:after{ content: " "; display: block; background-image: url(https://static1.squarespace.com/static/63b8358e8a934c02f382193f/t/63ef57a074c0413092600b04/1676629920466/Ian+Parry%2C+Secondary+Logo+B%2C+RGB%2C+Small+Watermark.png)!important; background-size: contain; position: absolute; width: 150px; height: 62.25px; bottom: 1rem !important; opacity: .4 } }
×
×
  • 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.