Reduce Product Text Size In Featured Collection

Store Design
,
1

Hi All,

I want to reduce the font size of the product names in the featured collection to 14px and limit the displayed text to 3 lines.
Can you help me with this?

url: 99toyzoo.com

theme: Sense

Thank you,

2

Hi @jtemzusa

Please add below code into your theme files

Online Theme > Edit Code > Find the file name base.css > Place below code at the end of the file and hit save

.card__information .card__heading {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

Thanks

3

Hi @jtemzusa

You can add this code to your theme.liquid file after in Online store > Themes > Edit code

{% if template == 'index' %}

{% endif %}

Screenshot 2024-01-30 at 14.06.11.png
Screenshot 2024-01-30 at 14.06.11.png1122×512 240 KB

4

Hi @jtemzusa

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

Hope this can help you solve the issue

Best regards,

Richard | PageFly