CSS issue

[Lalvikas]

I used an application called "Ymq Product image slider" for my product page.

On the mobile version, when clicking on the slider button, blue color background image is showing. Please help me to remove this background color.

Also, is there any possibilities to increase the size of the round thumbnail

[EstherBui]

Hi Lalvikas

Can you share store URL? 

Best,
Esther

[Lalvikas]

https://nexorxtreme.com/products/colombia-custom-football-jersey

here

[EstherBui]

Hi Lalvikas

Regarding the issue with your store, the button will turn green when it is On-click. This is the part where the app uses JS to function, and it cannot be interfered with (https://prnt.sc/HodT1_Ncmnch). Attempting to modify it may cause errors for your store. Therefore, you should contact the app's support to have it adjusted the way you want.

Best,
Esther

[DaisyVo]

Hi @Lalvikas 

\

To complete your requests, please follow these steps:

1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
2. Paste the code provided into the Custom CSS section.

span.ymq_swiper-pagination-bullet.ymq_swiper-pagination-bullet-active {
    background: #999 !important;
}

Here is the result: 

I hope this helps

Best,

Daisy

[Lalvikas]

Not working. The pagination color has changed. I mean the slider button on the main image. Below background color needs to be transparent