reduce titles of individual products

Solved
krishundt
Tourist
11 0 8

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.

 

Accepted Solution (1)

Accepted Solutions
diego_ezfy
Shopify Partner
2300 413 541

This is an 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

◦ Slideshow images cutting off? Try the Slideshow (PRO) section. No apps required. | Replace apps with copy/paste code snippets & save money. Examples here.

View solution in original post

Replies 11 (11)
KetanKumar
Shopify Partner
24911 2497 9035

@krishundt 

sorry for that any issue please share store url 

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KetanKumar
Shopify Partner
24911 2497 9035

@krishundt 

can you please provide screenshot which title do you have reduce 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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
krishundt
Tourist
11 0 8

A3B72546-BFB3-42EE-9268-7CB594F44421.png

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

KetanKumar
Shopify Partner
24911 2497 9035

@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;
}
}

 

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
krishundt
Tourist
11 0 8
It didn’t seem to work. I see no change

KetanKumar
Shopify Partner
24911 2497 9035

@krishundt 

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

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
krishundt
Tourist
11 0 8
[cid:56C1B1FF-AB7E-4528-B8D9-782EB0B4AF10]
Line 7005
KetanKumar
Shopify Partner
24911 2497 9035

@krishundt 

sorry i can't see your attachmetn

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing