Missing 'ADD TO CART' button?!

Hi,

For some reason I'm missing all my 'Add to Cart' buttons?!

Has Squarespace made an update that's messed us up?

One of my print examples: https://www.mattportch.com/lost-america-prints/p/the-wall-frame

The reason your atc buttons are missing is you have installed Custom CSS on your site to hide them.

.ProductItem-details .sqs-add-to-cart-button-wrapper,.ProductItem-details .product-quantity-input {
  display: none
}

Remove it. Make a copy somewhere.

Let us know how it goes.

Hi, yes I saw this happened to someone else in the forum. Did Squarespace make changes? I often find they do and when I revisit my site font sizes have changed to something ugly. There's no way I would have added this code to purposely hide them as I've potentially missed customers.

Do you know how I search for this code in the panel? Other than scrolling down which takes an eternity.

Hi again, is ok - I found it right at the bottom of the scroll.

I'm dumbfounded as there is no way I would do that. Is a troll coming into these feeds finding peoples sites and inputing this stuff I wonder.

Quote

Did Squarespace make changes?

SS does not make changes to your Custom CSS. Custom CSS is exclusively for your own use.

Quote

Is a troll coming into these feeds finding peoples sites and inputing this stuff I wonder.

This is very unlikely unless you've given someone your Squarespace account login info or added a contributor to your site with Administrator privileges.

Quote

Do you know how I search for this code in the panel? Other than scrolling down which takes an eternity.

One thing you can do is collapse folders, Navigation, and Hidden (Not Linked) to shorten the length of the scroll. The other thing to do is use the panel search feature and type in css.

Hi,

I'm finding a few bugs in my site. I wondered how to make the checkout text in the button larger - it seems to have reduced to a sliver here and I didn't do this. I also wondered how to make 'SHOPPING CART' and the total price smaller?

Thanks!

https://www.mattportch.com/cart

https://www.mattportch.com/cart

10 minutes ago, mportch said:

I'm finding a few bugs in my site. I wondered how to make the checkout text in the button larger - it seems to have reduced to a sliver here and I didn't do this.

This isn't a bug, it is the result of Custom CSS that you or one of your contributors have added to the site. If you remove the Custom CSS (save it somewhere safe!) the font sizes will return to normal:

Did this help? Please give feedback by clicking an icon below  ⬇️

Thanks but I've not added code to my CSS to make this look like this. I just wouldn't have done this. Unfortunately I don't know what to delete to remove this.

23 minutes ago, mportch said:

I've not added code to my CSS to make this look like this...I don't know what to delete to remove this.

For more information about editing custom code, please see Adding custom code to your site. To get you started, here are some examples of CSS that has been added to your site and that is affecting the cart:

.Cart-inner .icon-cart-quantity {
        font-size: 8px !important
    }

body#cart .cart-title {
    font-size: 20px
}

body#cart .item-desc a {
    color: #000;
    font-size: 15px;
    letter-spacing: 1.75px;
    font-family: gotham !important
}

@media screen and (max-width: 767px) {
    body#cart .item-desc a {
        color:#000;
        font-size: 11px;
        letter-spacing: 1px;
        font-family: gotham !important
    }
}

Thanks - unfortunately I can't seem to find this code in the css panel - scrolled up and down many times - is there a way of searching for it?

However, I've tried temporarily cutting the whole code from the panel but this doesn't change the checkout box and text size.

7 hours ago, mportch said:

I've tried temporarily cutting the whole code from the panel but this doesn't change the checkout box and text size.

After removing it, you’ll need to save the changes and refresh the page for it to take effect. 

Thanks but as I said, I can't find where this code is.

11 hours ago, mportch said:

Thanks but as I said, I can't find where this code is.

Copy all your code from Custom CSS panel, paste into word (edit: notepad) or something, save that so you can access it again.

Then remove all your code from Custom CSS panel, click Save, and refresh the page. 

Check to see if this resolves your issues. If yes, then your code is causing the issues. 

I suggest not using a Word Processor to store your code. Word Processors will often break code by doing things like smartening quotes, which then causes syntax errors in code.

You should use a code editor or a text editor that doesn't do helpful things for you.

Doh! I can't believe I didn't think of this. I'm a designer, I'll use InDesign to copy paste and search for that section. Delete that then paste back in.

Actually none of those solutions helped. The aforementioned code in the thread isn't the code that effects the size of the 'checkout' text and box in desktop view it seems.

1 hour ago, mportch said:

 Delete that then paste back in.

No, don't paste it back in... Copy them from custom css, save somewhere as back up.

Then in custom css, remove all the code, click save and refresh the page. 

I would suggest hiring a developer if you are still struggling. If you can't maintain your own Custom CSS then this won't be the last time you'll run into issues unfortunately. 

Hi,

Do you know how I make this 'checkout' font size bigger in desktop view only? (highlighted in red box in image attached)

This seems to have shrunk somehow.

Thanks in advance!

https://www.mattportch.com/cart

On 12/18/2023 at 5:39 PM, mportch said:

Hi,

Do you know how I make this 'checkout' font size bigger in desktop view only? (highlighted in red box in image attached)

This seems to have shrunk somehow.

Thanks in advance!

https://www.mattportch.com/cart

 

 

Add this to Website Tools (under Not Linked) > Custom CSS

@media screen and (min-width:992px) {
button.cart-checkout-button {
    font-size: 30px !important;
}
}