How to minimize product and blog post titles in Debut?

Store Design
1

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.

1 Like
2

@krishundt

sorry for that any issue please share store url

3

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

1 Like
4

@krishundt

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

5

A3B72546-BFB3-42EE-9268-7CB594F44421.png
A3B72546-BFB3-42EE-9268-7CB594F44421.png1242×2208 251 KB

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

1 Like
6

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

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

1 Like
8

@krishundt

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

9

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

1 Like
10

@krishundt

sorry i can’t see your attachmetn

11

@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

12

That worked like a dream. Thank you