LucyDesigns

Did you make any progress on this? I am wondering whether to tell a client to simply move to Shopify or whether the Buy button solution is good enough

Add to Settings > Advanced > Code Injection > Footer (DO NOT ADD TO DESIGN > CUSTOM CSS)
<script> if (document.location.pathname.indexOf("/search") == 0) { document.querySelector('body').classList.add('t-search') } </script> <style> .t-search header#header { background-color: #2C4F6D !important; } </style>  

This is really frustrating! I am in the same boat, trying to add shipping costs per region in Ireland. 

Thanks very much, works perfectly. I did find code to invert the logo colour, but this is better. Thank you 🙏🏻
 

that appears to have fixed it, thanks so much @Ziggy !
 

I've used this solution before: https://codecanyon.net/item/interactive-maps-generator/3272382

I've used this solution before: https://codecanyon.net/item/interactive-maps-generator/3272382

This is a known limitation and it isn't possible to workaround this once the gift card has been issued. However, if you would like to offer an amount off a subscription, you can do this with a discount code instead.

Oh my God, thank you so much!!! I completely missed that - and so did Squarespace support! I knew it had to be something stupid. Thank you 🙏🏻

I think we should try another method. When I came up with the CSS I was working with your home page so I didn't take into account the underline. It looks like getting things to line up with just some CSS is tricky.
Replace the CSS code I gave with the following.
.header-nav-item--divider {   padding: 0.1em 0;      } Put the following in Settings > Advanced > Code Injection > HEADER.
<script src="//ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> Put the following in Settings > Advanced > Code Injection > FOOTER.
<script>   $( ( ) => {        $( '.header-display-desktop .header-nav-item' )            .slice ( 0, -1 )              .after (                '<div class="header-nav-item header-nav-item--divider">' +                    '|' +                      '</div>'                    );              } );        </script> What this is doing is using Javascript, jQuery and some CSS to add the dividers in a way that shouldn't interfere with the underline.
Let us know how it goes.

Hi. Add to Blog Page Header
<style> .view-item img { content: url(https://beaverhero.com/wp-content/uploads/2019/07/coffee-beans-1082116_640-min.jpg); } </style>  

Site URL: https://bulldog-wolf-etjg.squarespace.com/dafm-rl
Hi, I have tried a ton of code to reduce the padding between the two sections called Winter Crops DAFM Recommended Lists and Spring Crops DAFM Recommended List on this page, but none of it is working. @tuanphan I would really appreciate your help.
https://bulldog-wolf-etjg.squarespace.com/dafm-rl
password: lor2021
Thanks,
Lucy

Oh my goodness, amazing! I couldn't work out where to add a margin or some padding but you've solved it for me. Thank you so much, you've solved a real headache!

Oh my goodness, amazing! I couldn't work out where to add a margin or some padding but you've solved it for me. Thank you so much, you've solved a real headache!