CSS issue

Shopify Discussion
1

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.

Lalvikas_0-1737129510641.jpeg
Lalvikas_0-1737129510641.jpeg738×1600 84.7 KB

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

Lalvikas_1-1737129556933.png
Lalvikas_1-1737129556933.png427×727 138 KB

2

Hi Lalvikas

Can you share store URL?

Best,
Esther

3

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

here

4

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:

image_480.png
image_480.png302×480 83.3 KB

I hope this helps

Best,

Daisy

5

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

Lalvikas_0-1737132259618.png
Lalvikas_0-1737132259618.png387×653 126 KB

6

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