Adding few word description to products in the product grid - Dawn 14.0.0

Technical Q&A
,
21

Please try again and add it at the start of the file ‘base.css’ line 0. And then leave it there so I can check from the inspector tool.

22

It worked! Thanks so much for all of your help!

23

I am glad to help!

24

Hi Walkyourstyle,

I have the same issue and followed your instructions, but nothing appeared.

I use a Meta field call “Livraison”. Here is the code modification, and the link of my page :https://www.barreclandestine.com/collections/tous-les-produits
Capture d’écran 2024-08-29 à 23.35.25.png

Do you see what’s wrong ?

Many thanks for your help :slightly_smiling_face:

25

Did you fill in the metafields with data?

when you have this : {{ card_product.metafields.custom.Livraison }} it should be with lowercase ‘L’ : {{ card_product.metafields.custom.livraison }}

26

You are right, it worked ! I used the same case than the metafield, I didn’t know it needed all lowercase :slightly_smiling_face:

Thank you very much :folded_hands:

27

If you want to style it and you need help, reach out :slightly_smiling_face:

28

Thanks for proposing ! I tryed the style too, but it dosen’t work, I feel so dumb!

The Metafield “sous_category” appear correcly. I added this CSS to change the size, but nothing changed :

.sous_categorie {
font-size: 8px !important;
}

By the way, is there a way to reduce the space between the lines ?

Capture d’écran 2024-08-30 à 00.44.17.png
Capture d’écran 2024-08-30 à 00.44.17.png524×958 245 KB

29

Yea add this code for the space reduction:

.product-my-additional-info {
    margin-top: 10px;
    margin-bottom: 10px;
}

What metafield are you talking about ‘sous-categorie’ ?

30

It works thank you and I understood my mistake, the correct name is “.product-my-additional-info” and not “.sous_categorie {”

Thank you so much for your time :hugs: