How do I decrease the font size on my product page?

Store Design
1

Hello,

I need to reduce the font size of the title on my products page. On mobile, it looks too big.

Thanks for your help.

2

Hi,

I will render help for you and help you to reduce size of your title on your store products page, It will look perfect on mobile and on desktop

3

I need to know where to put the code

4

it does not required code its from your shopify theme

5

There are no options in the theme

6

Can someone help me? @KetanKumar

7

Hi @pinkparrot ,

Do you mind sharing your website so we can provide a code specific for you?

8

https://pinkparrotsport.com/

9

Hi @pinkparrot ,

Thank you. This code only applies on mobile.

  1. From your Admin Page, click Online Store > Themes >Actions > Edit code
  2. In the Asset folder, open the base.css or the global CSS file.
  3. Paste the code below at the very bottom of the file.
@media only screen and (max-width: 750px) {
.product__title h1 {
    font-size: 30px;
}
}

After code

made4Uo_0-1662161830991.png
made4Uo_0-1662161830991.png739×852 141 KB

1 Like
10

Is not working for me. Maybe I’m adding the code in the wrong line

11

Hi @pinkparrot

I see you base.css was changed to minified. You can add the code to the file.

1 Like
12

Can you please send me a screenshot of where I have to paste the code? Sorry but I’m not finding it. Maybe you can give me the number where I can paste it. Thanks so much

13

Hi, what about the code to desktop please. I’d greatly appreciate it. Thanks.