Re: reduce titles of individual products

Solved

How to minimize product and blog post titles in Debut?

krishundt
Excursionist
12 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)

diego_ezfy
Shopify Partner
2967 571 901

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

View solution in original post

Replies 11 (11)

KetanKumar
Shopify Partner
36927 3642 11996

@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
krishundt
Excursionist
12 0 8
KetanKumar
Shopify Partner
36927 3642 11996

@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
Excursionist
12 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
36927 3642 11996

@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
Excursionist
12 0 8
It didn’t seem to work. I see no change

KetanKumar
Shopify Partner
36927 3642 11996

@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
Excursionist
12 0 8
[cid:56C1B1FF-AB7E-4528-B8D9-782EB0B4AF10]
Line 7005
KetanKumar
Shopify Partner
36927 3642 11996

@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

diego_ezfy
Shopify Partner
2967 571 901

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

krishundt
Excursionist
12 0 8

That worked like a dream. Thank you