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
-
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
-
Adjusting the height of an Embed block on Mobile Only
D_Efinger replied to D_Efinger's topic in Customize with code
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 replies
-
- custom-css
- embed
-
(and 1 more)
Tagged with:
-
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!!
- 3 replies
-
- custom-css
- embed
-
(and 1 more)
Tagged with:
-
Is this something you might be able to help with? Thanks.
- 6 replies
-
- custom-css
- gallery-block
-
(and 1 more)
Tagged with:
-
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!
- 6 replies
-
- custom-css
- gallery-block
-
(and 1 more)
Tagged with:
-
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?
-
D_Efinger reacted to a post in a topic: Need help formatting a custom watermark for both Desktop and Mobile
-
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!
-
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 } }