How to fix opacity problem from Mobile slider

Store Design
1

Screenshot_20220226-230300_Fiverr.jpg
Screenshot_20220226-230300_Fiverr.jpg720Ă—1085 46.6 KB

Hi, everyone I want to remove the overlay from the mobile slider.

I am using boom theme.

2

@Qasim1_1

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

Hi @Qasim1_1 ,

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

4

Hi, @AVADA

Thanks for replying to me.

softlilies.co.uk

5

softlilies.co.uk

Thank you it’s my pleasure that you will help me.

I want to remove that blurry effect from the mobile slider.

6

@Qasim1_1

thanks for url can you tr this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/dt-framework.css ->paste below code at the bottom of the file.
@media screen and (min-width: 320px) and (max-width: 767px) {
.home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-bb1944e5-7278-4bbc-a2ff-ca50ed18a697-list .slider-content [class*="slide_"] {
    background: transparent !important;
}
}
7

Thanks for your help, dear❣

Dear, It works on the first slide but the other two are still blurry.

8

Hi @Qasim1_1 ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/dt-framework.css->paste below code at the bottom of the file:
.home-slideshow-section .slider-content > * {
    background-color: transparent !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.