Title of Products being cut / wrapped in my new ecommerce

[FoodItalyWorld]

Hello to everyone, I'm buildinga websites and all the title of products are being cut. how can I resolve this problem and be shown full? Ihave tried do some research and I have seen that someone put codes of css, but where? Thank you,  Thanks in advance

[dmwwebartisan · Accepted solution]

@FoodItalyWorld 

Please add the following code at the bottom of your css file.

a.grid-link__title{
white-space: normal !important;
}

[dmwwebartisan]

@FoodItalyWorld 

Please share your store url.

[FoodItalyWorld]

https://fooditalyworld.com/. Thank you

[dmwwebartisan]

@FoodItalyWorld 

Your store is password protected. Please share store front password.

[FoodItalyWorld]

Password : yewhow1234

[FoodItalyWorld]

yewhow1234

[dmwwebartisan]

@FoodItalyWorld 

Thanks for the password.

Are you talking about this title?

[FoodItalyWorld]

Yes, and also the same below.

[dmwwebartisan · Accepted solution]

@FoodItalyWorld 

Please add the following code at the bottom of your css file.

a.grid-link__title{
white-space: normal !important;
}

[PageFly-Amelia · Accepted solution]

Hi @FoodItalyWorld 

This is Amelia at PageFly - Shopify Advanced Page Builder app.

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file base.css or theme.css

Step 3: Add code

.grid-link__title{
   white-space: normal !important;
}

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

[FoodItalyWorld]

Thanks a lot to both of you really guys.

[FoodItalyWorld]

I have a similar error but when I'm searching on the bar Search. Is it possible to resolve it? Thank you a lot another time