Custom font for the entire shop section

Site URL: https://maroon-icosahedron-lppc.squarespace.com/shop

Site URL: https://maroon-icosahedron-lppc.squarespace.com/shop

Hi, I have added custom fonts to my site and have been able to change most of them using CSS code, but found the shop section was bit difficult one to fix.

I want to change all the shop section fonts (title, price, detail pages, etc.) to custom fonts.

password is: 1111

Hi. Add to Design > Custom CSS

/* Shop list custom font */
section.grid-meta-wrapper * {
    font-family: 'calibre-w-r' !important;
}

It worked!! Thanks!!

On 3/19/2021 at 12:25 AM, daveeee said:

It worked!! Thanks!!

I see add to cart a bit narrow on tablet

You can add this CSS to increase button width

/* tablet add to cart */
@media screen and (max-width:991px) and (min-width:768px) {
.ProductItem-details .sqs-add-to-cart-button-wrapper {
    width: 100%;
}
}

Hi! I'm having the same issue but I just want to change my headings in the shop and not the paragraph text. What code is needed then? Thank you!

On 9/5/2023 at 1:47 AM, Ludde said:

Hi! I'm having the same issue but I just want to change my headings in the shop and not the paragraph text. What code is needed then? Thank you!

You mean Change Product Name on Detail Product?