Jump to content

Adjusting "sold out" text on item pages, above "add to cart"?

Recommended Posts

Site URL: https://westhexes.squarespace.com/all/2726-k57wn-ctstz

Hello! I'm trying to change the font of the "Sold Out" text, not on the thumbnails/badges but rather on the actual item page above "add to cart". Whenever I try to target this text in the site styles editor, it brings up the status badge options - which does not change this font. (I'd like it to be Covik Sans).

I have combed through the heading text and others to try to find where it might be pulling this font from, but I cannot find it. Does anyone know of code that can fix this, or know where it pulls this text style from?

Thanks in advance for any help!

Screen Shot 2022-05-20 at 3.42.35 PM.png

Link to comment

Revoking my question! I was able to hack this together from pieces of code others had so kindly provided on other questions. Feel free to delete this entirely if needed, I'll provide the code below just in case anyone is looking for similar help. (in custom CSS - make sure to add the "important;" - my trouble was not having that included!)

.product-mark.sold-out {
  color: #000!important;
  background: #fff!important;
  font-family: "covik-sans"!important;
  text-transform: uppercase!important;
  font-weight: 900!important;
  font-size: 25px!important;
  letter-spacing: 0.8px!important;


Thanks to all who are so helpful on here!

Edited by Rockie
Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • 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.