Jump to content

Custom CSS for shop item titles

Recommended Posts

Site URL: https://www.therestlessbreedcompany.com/shop

Hello and thanks up front!  I'm trying to find the custom CSS to change the title font of the items in the shop page.

https://www.therestlessbreedcompany.com/shop

I have been able to figure out other css for the site, but this one has stumped me.  I'm looking to change all the titles as well as the item page.  Trucker Hat is a test item while we are building out the site

Please let me know if you need anything else from my end.

Link to comment
  • Replies 3
  • Views 447
  • Created
  • Last Reply
1 hour ago, therestlessbreed said:

Site URL: https://www.therestlessbreedcompany.com/shop

Hello and thanks up front!  I'm trying to find the custom CSS to change the title font of the items in the shop page.

https://www.therestlessbreedcompany.com/shop

I have been able to figure out other css for the site, but this one has stumped me.  I'm looking to change all the titles as well as the item page.  Trucker Hat is a test item while we are building out the site

Please let me know if you need anything else from my end.

try

.collection-type-products .ProductItem-details h1.ProductItem-details-title,
.collection-type-products .grid-title {
  font-family: MILKSTORE4;  
}

image.png.77650ff45446343365ab69a59dde65b2.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
1 hour ago, therestlessbreed said:

That did it!  May I ask how you figured that out so I can modify other fonts as needed?

Thank you!

You can follow some article like

https://www.mybilliedesigns.com/blog/css-basics-squarespace

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.