How do I show the full product name on my homescreen?

[Fabstarterdecks]

My store: https://fabstarterdecks.com/

I’m using the Fastor theme

I would like the full title of the product to be shown on the homescreen. Right now it truncates it instead of adding another line.

Any help would be appreciated. Thanks!

[MarinaPetrovic]

Hi @Fabstarterdecks , go to edit code > assets > theme-lite.css, find this element:

.product-name {
    margin-bottom: 0.6rem;
    font-family: inherit;
    font-size: 1.4rem;
    font-weight: 400;
    color: #222;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

And replace it with:

.product-name {
    margin-bottom: 0.6rem;
    font-family: inherit;
    font-size: 1.4rem;
    font-weight: 400;
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
}

Result

[Fabstarterdecks]

Thank you so much!