How can I alter the product title font size on Broadcast?

Store Design
1

Hellow,

I would like to change the product title font size on the homepage and colection page especialy on mobile 40% .

I tried many things but nothing worked.

I will be happy to receive any help.

2

hello Polocuelo

please send link to the website and example/screenshot of text area that fits what you describe

3

I would like to have responsive font size on the product grid title .

because it’s too small on mobile or too big on screen.

Capture d’écran 2022-10-01 à 20.33.24.png
Capture d’écran 2022-10-01 à 20.33.24.png746×924 359 KB

Capture d’écran 2022-10-01 à 20.33.34.png
Capture d’écran 2022-10-01 à 20.33.34.png668×126 8.09 KB

4

Ok, but the link to the website still hasn’t been sent

5
6

hey, are you sure this is the correct link? In here the font is at 14px, which is a normal small, 40% smaller than that will be a very small number

7

Yes it’s the good link now it’s ok on mobile but too small on computer screen.

8

go to online store > themes > actions > edit code,

in the theme.css file, add this at the end:

@media (min-width: 768px) {
.product__grid__title, .product-information .price {
   font-size: 18px;
}
}

see if it works. Replace 18 with whatever size you want

9

thanks it worked

10

do you know how I can bring closer product title and price ?

now i changed the font size the space between the two looks bigger.

11

thanks a lot for your help !!

12

you can try changing the code I sent previously to this, but to me they look close enough

@media (min-width: 768px) {
.product__grid__title, .product-information .price {
   font-size: 18px;
}

.product__grid__title {
  margin-bottom: 0;
}
}