Jump to content

Editing font size and hover effect on products page

Go to solution Solved by tuanphan,

Recommended Posts

Hi there

Couple questions:

  1. How do I go about changing the title font size on my overview product page to use 'paragraph 2' instead of the large 'header' size? https://www.object750.com/shop
  2. How do I stop the image change effect on hover? https://www.object750.com/shop
  3. How do I change the title font size on an individual product page? https://www.object750.com/shop/p/smiley-pendant-custom-initials


Password: shop

Thank you!

Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

  • Solution

#1. You can add this to Website > Website Tools (under Not Linked) > Custom CSS (or changing H2 in Site Styles)

.grid-title {
    font-size: 14px !important;

#2. Add this CSS code

img.grid-item-image.grid-image-cover {
    opacity: 1 !important;
img.grid-item-image.grid-item-additional-image {
    opacity: 0 !important;
img.grid-item-image.grid-image-hover {
    opacity: 0 !important;

#3. Use this CSS code or change Heading 1 in Site Styles

h1.ProductItem-details-title {
    font-size: 18px !important;


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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.