Jump to content

custom css for product item block

Go to solution Solved by DPruitt,

Recommended Posts

Hello! 

Ok.. this one is a lil tricky (well, probably not for you pros!) 

I'm trying to figure out how to change the font for product blocks that are listed in the "Additional Info" within a product page

Page:  https://www.diveguideschannelislands.com/store/p/weekend-dive-trip-with-guide

Password: goldfish

It's defaulting to the sites overall h1, h2, etc but I want to actually make it look like the attached 

Any help appreciated! 

Thank you! 

 

Screenshot 2023-08-25 at 11.18.32 AM.png

Link to comment
  • Solution

This inserting this into CUSTOM CSS:

.ProductItem-additional
.product-title
{font-size: 25px !important;
text-decoration:underline}

.ProductItem-additional
.product-price
{font-size: 18px !important;}

.ProductItem-additional
.product-excerpt p
{font-size: 18px !important;}

.ProductItem-additional
.sqs-add-to-cart-button
{color:#ffffff !important;
background-color:#000000 !important;
border-radius:0px !important;}


.ProductItem-additional
.product-block .product-quantity-input input
{padding-left: 3px !important;
padding-right: 3px !important;
padding-top: 3px !important;
padding-bottom: 3px !important;}

 

Edited by DPruitt
Added code
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.