Apply style to all images except 1 section

[INFRA]

HI there,

I added below code in my theme.liquid file to get all the corners round. I just need it to not apply to this section on the homepage:

class="slider-items-template--24072017936666__ss_slider_PGUGLd"

  <style> img { border-radius: 20px; } </style>

How can best exclude this?

Thanks so much!

website

password: chaos

[topnewyork]

Hi @INFRA 
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style>
#chaos-in-the-cbd .slider-image-template--24072017936666__ss_slider_PGUGLd img, .slider-image-template--24072017936666__ss_slider_PGUGLd svg img{
    border-radius: 0px !important;
}
</style>

  If you find my advice helpful please remember to LIKE and accept as SOLUTION.

Thanks!

[Moeed · Accepted solution]

Hey @INFRA 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
div#shopify-section-template--24072017936666__ss_slider_PGUGLd img {
    border-radius: unset !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[websensepro]

Hi @INFRA 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

#chaos-in-the-cbd .slider-image-template--24072017936666__ss_slider_PGUGLd img {
    border-radius: 0 !important;
}

Result:

 If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!

[Dan-From-Ryviu]

Please add this code to Custom CSS of that section. 

img { border-radius: unset; }

[ZestardTech]

Hello @INFRA ,

Here are the steps to apply the necessary changes in your Shopify store:

1. In your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code.
2. Locate Asset > base.css and paste the following code at the bottom of the file:

.swiper-wrapper a  {
    border-radius: unset !important;
}

Let me know if you need further assistance!