Jump to content

Custom code causing issues in Chrome

Recommended Posts

Site URL: https://www.nathanperkel.com/playing-to-the-gods

I have a weird 1 px border that shows up at the bottom of the gallery image window in galleries with more than 10 images.
 
Ive tried playing with it and it seems like at a certain point of adding images to the gallery the border will start to appear.
 
I have not seen it happen in Safari and included the image below as an example of what im seeing.
(Chrome on left Safari on right)
 
The site is custom code and should be set to developer mode, however the developer that wrote the code isnt reachable anymore.
 
Any insight or suggestions would be appreciated.
Thank You
 

Screen Shot 2022-04-22 at 5.38.57 PM.png

Screen Shot 2022-04-22 at 5.41.46 PM.png

Link to comment
  • 3 weeks later...

Site URL: https://www.nathanperkel.com/playing-to-the-gods

I am finding a glitch in my galleries with more than 10 images in chrome. When viewing images in full page view there is a small 1 pixel border that run inconsistently on the bottom of the images. - Shows just above the buttons at bottom of the page. This does not happen in firefox or safari. My site has custom code, and I am not familiar with changing much in it as I hired help in the past but that person is unable to aid at this point. Anyone out there have any suggestions?  

Thank you

Screen Shot 2022-05-17 at 6.20.31 PM.png

Link to comment
On 5/18/2022 at 7:01 PM, nathanperkel said:

I am finding a glitch in my galleries with more than 10 images in chrome. When viewing images in full page view there is a small 1 pixel border that run inconsistently on the bottom of the images. - Shows just above the buttons at bottom of the page.

This isn't an issue with the Squarespace platform. The site has been heavily customised in Developer Mode using Fancybox and a number of other third party libraries. However I can tell you that the line isn't really a border, it's actually the bottom of the Gallery bleeding through under the single image that is shown on top. If you click 'View All' you'll see the images match the lines:

image.thumb.gif.6bd89a6263b080437494d2609adcc9a1.gif

Speaking the site's original developer would be the best way forward if this is possible but if not you may be able to use a  temporary fix like this (add to Custom CSS), although I can't guarantee anything because the third party libraries are causing the issue:

.fancybox-lock .fancybox-overlay {
  margin-bottom: 50px!important;
}

 

About: SQSP User for 17 yrs. Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF Digital, building Squarespace Extensions to supercharge your commerce website. 
Content: Links in my posts may refer to SF Digital products or may be affiliate links.
If my advice helped, you can thank me by clicking one of the feedback emojis below. I love coffee too.

Link to comment
  • 9 months later...
Posted (edited)

Just wanted to re-spark this thread to see if anyone out there can suggest a fix or a developer that can aid. Looks like the issue only occurs when you are in a gallery off of the main page of the site that is set up in view all thumbnails as the initial viewing. When you click an image to expand to full view, its not hiding the full thumbnail view by 1 px.

Edited by nathanperkel
Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.