JImmy_S

I have resolved the issue. Changed the images to Fit the block instead of fill and would appear to be loading ok now. Thank you once again for the support, it is appreciated

I've seen other threads about the issue of pages not displaying correctly on a tablet when in Portrait orientation and possible CSS solutions. Would it be possible for some assistance in relation to my site as I am having issues on 2 pages in particular. Im using Squarespace 7.1 with Fluid Engine to design my site. About Me Page - The images I have inserted into this page are not displaying correctly and have tried adjusting the text and image blocks but I cannot get this to show correctly when tablet is in Portrait orientation. Awards and Publications - Some of the categories such as 'Architecture-Industrial' in the first award (top left) are not displaying correctly in Portrait orientation as the text is wrapping into a second line instead of a single line of text. Also the 'See Image Buttons' are not displaying correctly as they seem to be squashed instead of having a cigar/tubular shape to them as viewed on other devices such as desktop and mobile. (The links to the buttons need updated so these are not fully functioning yet but I will do this if I can resolve this issue as I am using the Lightbox Anything plugin to manage these links) Any advice on overcoming this frustrating anomaly would be greatly appreciated Website is https://orange-krill-8p6r.squarespace.com/ Password is JS

Think I've solved it adapting some code you posted on a thread a couple of years back. Apart from the image caption not sitting under the border in mobile view, it seems to be working ok now. Not sure how to adjust the caption but can live with it if I have to /* Resize lightbox images on mobile */ @media screen and (max-width:800px) { .gallery-lightbox-item img { width: 100% !important; border: 10px solid white; height: auto !important; box-sizing: border-box; position: absolute !important; left: 50%; top: 50%; transform: translate(-50%,-50%); } } Thanks again for all your support, it really is appreciated

Tuanphan thank you for the response. When I added the code, it was applying the border to the lightbox and not the image. I found a previous thread and alternative code and this partially worked but I have now amended this by adding an extra line in the CCS Code so the border is now only around the image which is what I was looking for. The code I used was........ .gallery-lightbox-item img { border-radius: 0%; border: 25px solid white; width: unset !important; box-sizing: border-box; left: 50%; top: 50%; transform: translate(-50%, -50%); } I have tried the lightbox in desktop mode and works great but I cannot get the images to display correctly when in a lightbox using the mobile view as the image size is not being resized and as you can see from the screenshot. Is there further code that can be inserted to correct this anomaly Much appreciated

Thank you for the reply. I’ve been looking online for suitable coding but not found anything yet, so will have to keep looking

I am building a new photography website to replace my existing website. I am using Squarespace 7.1 and I have chosen to display my images using the Gallery:Strips view. I have now loaded all these into the gallery and I would still like to use a lightbox to offer the viewer the opportunity to view the images separately. All the images in the gallery itself do not have a border as it is more aesthetically pleasing to see them this way, but I was wondering is it possible to add additional coding so when images are displayed within the lightbox, they also have a border wrapped around the edge of the image (not around the lightbox). Ideally I would be looking at a plain solid white border around the edges It will be my intention to use a business plan if this helps with any suggested coding advice thank you

Hello, my website still isnt live yet, still finishing it off. Does it have to be live in order to see it or can it be viewed in draft format.....thank you for your assistance

Hello, no still cant find a way to achieve this

should have added I want to use a gallery background with colour so the images sit in the gallery with no border and only have a border in lightbox

I have managed to create a responsive filter for the images in my gallery. On filtering the images and then opening them in lightbox, the full array of images are displayed when cycling through. Is it possible once the filter is applied and then lightbox opened to display only the filtered images as it defeats the purpose of the filter in the first place if all the images are displayed and not just the filtered ones

Currently working on a site in SQSP 7.0 and setting up images in Gallery using a simple grid with the images displaying in an aspect ratio of 1:1. I want to use images with no borders for uniformity in the gallery but have them appear in Lightbox with a white border around them so they stand out from the dark background in Lightbox when opened to their normal size. Is this something that can be achieved through the use of CSS