Edit product font-size without affecting font-size of titles

Solved
SaharH
Tourist
21 0 5

I wanted to be able to make the font of my product titles to be smaller, but when I do that, my collection titles also are affected as well as the product titles in the product page. 

 

How can I make it where I can specifically target the product titles font size under the product in the homepage or in the collection page?

This is my website: https://simpledup.myshopify.com/

 

thank you

KetanKumar
Shopify Partner
16953 1838 6344

This is an accepted solution.

@SaharH 

sorry for this issue can you please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.product-single__title {font-size: 30px;} /* this code apply for product page title */

/* also if you need collection product title name reduces so please add below  */
.product-card__title {
font-size: 18px;
    margin-bottom: 15px;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
SaharH
Tourist
21 0 5

thank you! how can i target the price font size?

KetanKumar
Shopify Partner
16953 1838 6344

This is an accepted solution.

@SaharH 

thanks for it, yes please add this code

.product__price, .featured-product__price {
    font-size: 16px; /* product page price font size */
}
.product-card .price {
    font-size: 14px; /* collection page  price font size */
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes