ChromaticZero

Try this: @media screen and (max-width: 767px) { .blog-masonry.collection-content-wrapper { padding-top: 50px !important; } }

Try this: footer .content-wrapper { padding: 25px 25px 25px 25px !important; }

I'm running it on Windows 10 with no problems. I have a couple questions: 1. Have you tried running it without the --auth parameter? 2. Are you running it from inside the template folder you cloned from your site?

What's your site password?

One way to test this would be to navigate to the URL https://static1.squarespace.com/static/5e5550e9b2510d5cdb94c042/5e5945f89594814dd64fd766/5e62fb1c1b854c643c9f0694/1583544754043/Logo2020-white.png If you navigate to that location, you will see an error that something is wrong with the image file. I don't really have an answer for you, but I can confirm that the link that you've provided to point to the image that you want simply does not work. Perhaps re-upload the file and get a new link to try.

Hmm... well it's a black SVG. You can't change the color of an image using CSS. You'd have to modify the initial image and create a white copy of it, then update your CSS to change the content url onHover. .sqs-block-button-element:hover:after { content: url(https://tarantula-calliope-fl4m.squarespace.com//s/iconmonstr-arrow-20-white.svg)!important; position: relative; right: -300px; } There are ways to encode an SVG so you can update it but the explanation is a bit long winded. Check out this link for more information: https://stackoverflow.com/questions/22252472/how-to-ch

Hmmm.. strange. This URL works... https://tarantula-calliope-fl4m.squarespace.com/s/iconmonstr-arrow-20.svg

Technically what you have should work. The problem is that the url for the content doesn't exists. content: url(/s/iconmonstr-arrow-20.svg)!important; You need to fix that url. Unfortunately I can't give you the right answer because I don't know where you've placed that file.

This might be helpful : https://support.squarespace.com/hc/en-us/articles/205815308-URL-redirects

Can you post your site link so we can look at the code and provide you a proper answer?

Try this instead ? <script> $(document).ready(function() { $('input[name="checkbox-yui_3_17_2_1_1588700112150_14382-field"]').prop("checked", true); }); </script>

I might have mucked that up. Try this instead: @media screen and (max-width: 768px) { .ProductItem-nav-breadcrumb { display: inline !important; } }

See here: https://support.squarespace.com/hc/en-us/articles/205815558

You could do this with javascript when the page is loaded. You'd have to add this script to your code injection: <script> $(document).ready(function() { $('input[name="checkbox-yui_3_17_2_1_1588700112150_14382-field"]').setAttribute("checked", "checked"); }); </script> I think that should work. Oddly, all three of your checkboxes have the same encoded name... doesn't seem right. Anyway, give that a try and let me know if it doesn't work.

Try this for banner: .site-page .page-description span { font-family: "Times New Roman" } Try this for hover effect: .index-item-text-wrapper h2 { font-family: "Times New Roman" }