How to minimize product and blog post titles in Debut?

[krishundt]

in Debut how do you reduce the titles of the individual products. It's crazy huge.

Same with the title for my blog posts on the home page and individual page as well.

How do I make my photo on home page about me smaller.

I know that's a lot. Thanks for any help.

[KetanKumar]

@krishundt 

sorry for that any issue please share store url 

[krishundt]

https://kris-hundt-creative.myshopify.com

[KetanKumar]

@krishundt 

can you please provide screenshot which title do you have reduce font size

[krishundt]

 this is a screen shot from my phone and no the type is not enlarged. That’s how it displays on my site. 

[KetanKumar]

@krishundt 

yes please try this code

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

@media only screen and (max-width: 749px){
.product-single__title {
    font-size: 24px;
    margin-top: -20px;
}
}

[krishundt]

It didn’t seem to work. I see no change

[KetanKumar]

@krishundt 

thanks for try but i can't see code where do you have add this code?

[krishundt]

[cid:56C1B1FF-AB7E-4528-B8D9-782EB0B4AF10]
Line 7005

[KetanKumar]

@krishundt 

sorry i can't see your attachmetn

[diego_ezfy · Accepted solution]

@krishundt, do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:

.template-product .product-single__title{
    font-size: 20px !important;
}

@media (max-width: 767px){
    .template-product .product-single__title{
    font-size: 18px !important;
}
}

You can change the values as per your wish:

20px = font size on desktop
18px = font size on mobile

Kind regards,
Diego

[krishundt]

That worked like a dream. Thank you