how to make product title text smaller only on phone?

Store Design
1

I am using theme prestige and would like to have smaller text on the product titles.

2

@Antoninias you need to write the media query for that. If you not aware of that please share your store url. I will help you.

3

that would be great. the store url is www.antoninias.com

4

I would also like to have easy less space between the text and the image, possibly the images can be bigger but the spaces way smaller

5

@media only screen and (max-width: 640px) { .ProductMeta__Title { font-size: 16px; } }

please add the above code in the theme.scss.css file. Also, you can decrease the font size according to your choice.

6

@Antoninias can you please elaborate more?

7

where exactly do I need to place it? bottom or top? is it in the the theme.scss.liquid

8

In the last

9

I tried and paste it in the bottom of the theme.scss.liquid but nothing changed

10

Hi @Antoninias ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss->paste below code at the top of the file:
@media (max-width: 767px) {
.ProductMeta__Title {
    font-size: 16px !important;
}
}

NOTE: you can change value 16px to match your theme

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

11

dear

I have done exactly as you said under theme.scss.liquid but nothing changes and I have changing the size but cant see the difference

12

ok so product title has changed but only in the product page, what I want is to cane the size of the titles and prices in the collection pages+ to loose the unseccesary space between the text and the picture of the products

13

Hi @Antoninias ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss->paste below code at the top of the file:
@media (max-width: 767px) {
.ProductItem__Info {
    margin-top: -20px !important;
}
.ProductItem__Title {
    font-size: 18px !important;
}
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

14

THATS AWESOME! THANKS. I just have one more request I would like to prices underneath the titles to also be a bit smaller and to have less space between the prices and the titles