JImmy_S

Thank you Tuanphan, much appreciated

Tuanphan many thanks for the response. The link is https://www.jimscottphotography.co.uk/resources If you scroll down the page you will see the live google maps there Much Appreciated

I have a website up and running for my personal photography on a personal plan. I have been looking at adding a new page to show the locations of where I have captured my images utilising google maps. I have embedded the map on to a page. I was wondering if it was possible to use CSS code to hide the name of the map "Architecture Locations", my Google user name "scotty4418" and the avatar (S inside the circle). Also is it possible to change the colour of the header bar? I know it is possible to hide the full header bar but I don't want to lose the functionality of the Map Legend, Share and Expand Map icons, I only want to hide the aforementioned distractions. I have looked into the Advanced Map plugin but this is not an option as I am on a personal and would rather avoid upgrading my Squarespace Plan if possible. Appreciate any advice you can give on this enquiry.......Thank You

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