Ziggy

Try this code, it will apply to all list item arrows on mobile, so will work better if you can pinpoint which page and section this is on: @media only screen and (max-width:768px) { .user-items-list-banner-slideshow .user-items-list-banner-slideshow__arrow-icon-background { background-color:#1B233D; } .user-items-list-banner-slideshow .user-items-list-banner-slideshow__arrow-icon-foreground { stroke:#FFF4E8; } } Let me know if that works for you!

Where did you place this? In the page header code injection? It's missing a closing </style> from the end of the code, or did you just not paste it in here? If it's missing that will cause issues.

First thing to do would be to increase the width of the gallery on the product pages, currently set to 44%, I think it could easily be 60% and then set the image aspect ratio to 1:1. That will help a lot. I would also set the image to open in a lightbox on click so you can easily see the full image bigger. I would also change the gallery thumbnail position to the bottom rather than the side. Lastly (and only if you want to add CSS) you could add this to the Custom CSS on your website, it will prevent your images for being cropped on the product pages: // product image contain - do not crop .products.collection-content-wrapper .grid-item-image { object-fit: contain !important; } I hope that helps.

zygmunt@squarefortytwo.com

Yes, the max-width you have in CSS will keep the text to the left no matter the size of the text block. Test the text block full width.

Can you share the website URL, page, and password (if applicable) where you're having this problem? Thanks!

This is a great guide for keeping your background videos the correct ratio on desktop and mobile: https://www.will-myers.com/articles-clone-1/prevent-background-images-from-cropping-in-squarespace-71 You currently have a lot of rows on mobile and desktop, you will need to reduce these down to 1 on desktop and mobile or they will interfere with the resizing.

No problem, if you get a chance can you mark my post as the solution and give it a thumbs up? Thanks!

No problem, if you get a chance can you mark my post as the solution and give it a thumbs up? Thanks!

You can use this Custom CSS in conjunction with page IDs to hide the on scroll header: .show-on-scroll-wrapper.show #header { visibility: hidden; }

It looks like you have a max-width applied to the h1 in the block, but you've limited the block with in the layout to 50% (col-6) why not make that text block full width if you're going to control the max-width with CSS? That should give you a better solution.

.slide-meta-content { display: none !important; }

Firstly, I love your paintings! Expressionistic, dynamic, so much energy, and a hint of Lowry-esque buildings, fantastic! You website is good, I would have more on your landing page though, a gallery slideshow with big images would be great, though I do like the big detail picture. I'm not a fan of the way that the images get cropped in the store pages, but there are way to stop that. The gallery main page could use space a little better. No major problems with the website, and your paintings stand up for themselves anyway!

Try adding this to your Custom CSS: .slide-meta-content { background-color: none !important; } Hope that helps, give me a thumbs up if it does!

You'll need to upload the custom font into the Custom CSS, then load it and apply it the the navigation links on a page using the page collection ID. You can follow these steps to upload the font: https://squarefortytwo.com/squarespace-guides/custom-fonts-on-squarespace-71 This guide for finding the IDs: https://squarefortytwo.com/squarespace-guides/find-an-id-in-squarespace-71 And if you share your website URL I can help you with the CSS to adjust the navigation links.

Can you share your website URL? My guess is that the links are the same green colour as the header/folder background colour.

Can you share your website URL? I'm not sure if this was a style setting or custom coded style, but I can check by looking at the website.

Best way still be to use a plug-in, I saw this one by chance just this morning: https://www.sqsmods.com/shuffle

Hi @branislavklen, that's a Wordpress website, not Squarespace, you might have to ask elsewhere to get support for Wordpress, sorry not my speciality!

Sorry, I don't know of a way to do this without code injection.

Can you share the website URL, page, and password (if applicable)? Thanks!

The best place to get support for that plugin is where you purchased it, they have a Slack workspace that is specifically good at helping solve problems with SquareWebsite Plugins, since they are not supported by Squarespace natively. Click on Support: https://www.squarewebsites.org/

Are the images supposed to correspond to the text boxes? How do you want this to look? My best suggestion is either to use 3 card style image blocks, or upgrade the section to Fluid Engine where you can better control the height of different elements next to each other (especially with the image set to fill). BEFORE you go and upgrade the section to Fluid Engine, you should do some research into the positives and negatives of doing that as you don't want to make the change without fully understanding the change as it is more work to build and manage, and there are some current issues.

@jhalstead I don't believe that that is a default setting, have you got some CSS that has enabled a fixed header? What's your website URL?

In the slideshow settings menu, under size and space, are you using the S/M/L or are you setting these values manually, maybe in PX? Anything like that? Can you share these settings?