Align Title sku and add to cart collection list - Refresh theme

Solved

Align Title sku and add to cart collection list - Refresh theme

Django1m
Tourist
12 0 2

Hi,

I would like to know how i can align the title , sku and add to cart on a collection page (see the picture).

I see some thing about it, but it don't work with my theme.

 

Django1m_0-1697669029611.png

Thank you ,

Accepted Solution (1)
Asad24
Shopify Partner
180 36 33

This is an accepted solution.

Go to your online store > customize > csutom css 
and paste this code there 


.full-unstyled-link {
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box !important;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
}






Asad24_0-1697670573708.png

 

banned

View solution in original post

Replies 7 (7)

Asad24
Shopify Partner
180 36 33

add these styles to your product title

{
overflow: hidden;

text-overflow: ellipsis;
display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;

}
banned
Django1m
Tourist
12 0 2

did you know where i need to put it exactly ? i try some place but it dont work...

Asad24
Shopify Partner
180 36 33

What's your store url ?

 

banned
Django1m
Tourist
12 0 2
Django1m
Tourist
12 0 2
Asad24
Shopify Partner
180 36 33

This is an accepted solution.

Go to your online store > customize > csutom css 
and paste this code there 


.full-unstyled-link {
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box !important;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
}






Asad24_0-1697670573708.png

 

banned
Django1m
Tourist
12 0 2

Thank you so much my friend , i dont have custom.css on this theme but i put it on base.css and it work well !!!