KwameAndCo

@paul2009 is correct! Don't over stress unless you're seeing real world impact.

You can use: /* Squareskills: Inset Margin all sections EXCEPT first */ .page-section:not(:first-child) .section-border { margin-inline: 1rem; }

You mean the pop up? It's in an iframe so you can't really do anyhting with code to change it.

Put this in your website header @KMills <!--- Squareskills: Change Mobile Browser Tab Background Color ---> <meta name="theme-color" content="YOURCOLOR"> And use a Hex/RGB etc code.

Ah... Sorry buddy but the way Masonry grids works is pretty complicated. Your best bet would arguably be just to combine the two portrait images into a single image with the 3:2 aspect ratio. Or move portrait to the end and then add some extra images which we hide with css. Creating the illusion of empty spots. Trying to override the native coding for masonry is a fair bit of work and I'm afraid it's not something I have time to delve into. You could try a javascript library for a custom gallery but I'm guessing that's not the answer you're hoping for.

Very nice. A few thoughts: consider some side padding for the sections with a background as full bleed doens't always look great. It's small but try adding this to your custom CSS and see how it looks: html { margin-inline: 1rem; } You might need to tweak (Especially on mobile) but I'd argue the white space makes the "card-like" backgrounds which already look great look even better. Or you can just set section backgrounds to "inset" too for a native approach. shrink the logos in the logo wall on homepage As your article library grows, consider using tags/categories - or something like Universal Filter plugin (Affiliate link!!) to sort and make them easier to navigate Consider fleshing out the footer with important links. Consider reducing the fade up effect, or removing it. As your pages are quite long, I find it's a bit jarring after a few pages. Great work. Love the bottom section menu!

Target the section change min-height/padding. For example, on the shop page: section[data-section-id="67192a4472f8cd2879d3ff58"] { min-height: 0 !important; padding: 0 !important; }

I have a plugin for this that I'll be releasing soon. Just need to finish packaging it. If you're interested I can alert you when it goes live.

That is an issue you'd need to take up with GlossGenius and is not related to Squarespace. The issue is it's blocking on their end.

You can use this: /* Squareskills: Apply CSS based on product tag */ .ProductItem .tag-per-pound { ... your custom css goes here ... }

The issue isn't line-height. It's block margins. Use this to control the spacing before/after each block of text/line. section[data-section-id="6715cf230b23760fe92d373a"] p { margin-block-start: 0; //change to your value margin-block-start: 0; //change to your value }

Optimisation is always trickier on a pagebuilder like SQSP. If you look again at PageSpeed, you'll see the majority of te slowdown is from things other than CSS. Image heavy sites will always have to balance with the impact they have on pagespeed, and you're kinda limited with what you can do here I'm afraid. But CSS isn't the issue.

I can't see that CSS anywhere in your code so it's not being read. Can you share where you've put it?

Yes. Can you explain what the specific issue is as I don't read Arabic and want to be clear when offering help. As a general rule though, you can use: /* Start Arabic Only CSS */ html[lang="ar"] { ... your css goes here ... } /* End Arabic Only CSS */

Can you share a visual of what you mean? It's a little unclear. I'm looking at this page for example: https://www.tpullphotography.com/images/sand And I see all 3:2 and the same row.