Remove circle loading icon from slideshow

Solved

Remove circle loading icon from slideshow

Digital_Imran
Shopify Partner
286 2 40

Hello everyone, I hope you’re all doing well.

 

I’m currently using the Impact theme, and on the slideshow, a circle appears as the slide navigation button instead of an arrow or hand icon (screenshot attached). Can I hide the circle icon or replace it with a hand icon?

 

I’ve seen a website created with the Impact theme where they use a hand icon as the slideshow button instead of a circle. Here’s the reference website: https://myperfectwear.com/.

 

This is my current website: https://retrosmarket.com 

Any help would be greatly appreciated!

 

Digital_Imran_0-1736802980013.png

 

Problem Solved? ✔Accept and Like solutions to help future merchants.

Do you need high converting Shopify store? with customized graphical banners, hire me.
Message me now to get started. My response time is lightning fast.
Accepted Solution (1)

Made4uo-Ribe
Shopify Partner
9875 2353 2950

This is an accepted solution.

Hi @Digital_Imran 

Try this one. 

  1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
  2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
  3. In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

 

custom-cursor.slideshow__cursor {
display: none;
}

:has(>custom-cursor:not([hidden])) {
    cursor: pointer !important;
}

 

  • And Save.

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.

View solution in original post

Replies 4 (4)

Made4uo-Ribe
Shopify Partner
9875 2353 2950

This is an accepted solution.

Hi @Digital_Imran 

Try this one. 

  1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
  2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
  3. In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

 

custom-cursor.slideshow__cursor {
display: none;
}

:has(>custom-cursor:not([hidden])) {
    cursor: pointer !important;
}

 

  • And Save.

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Digital_Imran
Shopify Partner
286 2 40

Thank you so much , it works 😄

Problem Solved? ✔Accept and Like solutions to help future merchants.

Do you need high converting Shopify store? with customized graphical banners, hire me.
Message me now to get started. My response time is lightning fast.
Made4uo-Ribe
Shopify Partner
9875 2353 2950

Welcome! Would you mind hitting 'like' as well? Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Digital_Imran
Shopify Partner
286 2 40

Done, thanks again 🙂

Problem Solved? ✔Accept and Like solutions to help future merchants.

Do you need high converting Shopify store? with customized graphical banners, hire me.
Message me now to get started. My response time is lightning fast.