Jump to content

Product Listing - Change additional info font size

Recommended Posts

  • Replies 4
  • Views 471
  • Created
  • Last Reply
Posted
On 9/23/2021 at 3:08 PM, atfirstblink said:

Site URL: https://seva2.squarespace.com/shop-all/heirloom-petite-bowl

site password is : seva

I would like the font size of the "additonal info" section in the product listing to be smaller than that of the product description. Can someone help me with this? Thank you. 

Screen Shot 2021-09-23 at 1.38.29 PM.png

The url doesn't exist

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Posted
On 9/25/2021 at 5:56 PM, atfirstblink said:

@tuanphan sorry i mistyped the url but figured out a solution. thanks for your help!

For anyone else looking for this fix:

.ProductItem-additional {
font-size: 12px !important;
}

I see this small issue on iPad. You can add this CSS to fix it

/* Better together tablet */
@media screen and (max-width:991px) and (min-width:768px) {
div#block-89d792e61a881bf3368f h1 {
    font-size: 40px;
}
section#better-together .span-12>.row {
    display: flex;
    align-items: center;
}
}

seva2.squarespace.com-01.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Posted
On 9/28/2021 at 1:48 PM, tuanphan said:

I see this small issue on iPad. You can add this CSS to fix it

/* Better together tablet */
@media screen and (max-width:991px) and (min-width:768px) {
div#block-89d792e61a881bf3368f h1 {
    font-size: 40px;
}
section#better-together .span-12>.row {
    display: flex;
    align-items: center;
}
}

seva2.squarespace.com-01.png

Thanks so much @tuanphan for this fix! Appreciate it!

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.