How do I set a border radius for images of all products except slideshow and wordwrap for titles.

AkshayMehta
New Member
2 0 0

I want to do two things, much appreciated if please someone could help me out as I am new to Shopify and to liquid as well.

1) I want to set a border radius to all images except the slideshow, how do I do that? 

2) As you can see the product title is way too long for the display, how do I word wrap it, something like the second image.

 

AkshayMehta_0-1652524998218.png

AkshayMehta_1-1652525195808.png

 

 

Replies 2 (2)
Blizzard21
Shopify Partner
73 3 2

use # for the class   

so find the  class for that section  

here is an example 

#product-cards {
    margin: 1rem;
    border-radius: 1rem;
    overflow: hidden;
}
@media (max-width: 575px) {
    #offcanvas-search {
        margin: .75rem;
        width: calc(100% - 1.5rem) !important;
    }
}
helping others 🙂
AkshayMehta
New Member
2 0 0

Sorry, I meant that I know what to do, but I don't know WHERE to do, as I am not able to find the right class. I tried that, but the title is already the property of overflow: hidden, but still it does nothing.

 

 

AkshayMehta_0-1652575549106.png