Buy me a coffee

How to change font for Product Titles

If you want to change the font for Product Titles, you can use these CSS codes to Website Tools > Custom CSS.

Replace the monospace with the font that you want. You can see this guide to find how to find exact font family name.

#1. Product Titles on Shop/Category Pages

section.products.collection-content-wrapper .grid-main-meta .grid-title {
    font-family: monospace !important;
}

How To Change Font For Product Titles 01 Min

#2. Product Titles on Product Detail Page

h1.ProductItem-details-title {
    font-family: monospace !important;
}

#3. Product Titles on Related Products

/* related product titles */
.grid-title {
    font-family: monospace !important;
}

#4. Product Titles on Summary Block

a.summary-title-link {
    font-family: monospace !important;
}

#5. Product Titles on Quick View Lightbox

div.sqs-product-quick-view-lightbox .ProductItem-details-title {
    font-family: monospace;
}

#6. Product Titles on Product Block

div.product-block .productDetails .product-title {
font-family: monospace;
}

#7. Product Titles on Cart Page

a.cart-row-title {
font-family: monospace;
}