Our Partner & Developer boards on the community are moving to a brand new home: the .dev community forums! While you can still access past discussions here, for all your future app and storefront building questions, head over to the new forums.

Re: Slideshow dots removal

Slideshow dots removal

ape514
Tourist
15 0 1

How do remove or move the slideshow dots onto the image itself? Im on Dawn 15.0.0  Ive tried all the reccomendations here but nothings working.

Replies 10 (10)

AK_Design_Dev
Shopify Partner
187 16 16

Hello @ape514 

 

U can change the js code dots:true to dots:false

If you require further help to optimize your store, please don’t hesitate to reach out.


This contribution will always benefit you and you will get my full help easily and you can contact me easily.


Your Willpower Contribution Link:-

Contribution


Contact On My Mail :-mail@gmail.com
ape514
Tourist
15 0 1

sorry if I sound ignorant but where do I find that? Im really new to this 

AK_Design_Dev
Shopify Partner
187 16 16

How to show your code or store

If you require further help to optimize your store, please don’t hesitate to reach out.


This contribution will always benefit you and you will get my full help easily and you can contact me easily.


Your Willpower Contribution Link:-

Contribution


Contact On My Mail :-mail@gmail.com

Moeed
Shopify Partner
5882 1597 1899

Hey @ape514 

 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

 

Best Regards,
Moeed

- Get a quick Shopify quote – Click here!

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


ape514
Tourist
15 0 1

Im still woking on it but here you go https://1vnujivtnzwxkf98-5758058542.shopifypreview.com

Moeed
Shopify Partner
5882 1597 1899

Hey @ape514 

 

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>
.slideshow__controls.slider-buttons {
    display: none !important;
}
</style>

RESULT:

Moeed_0-1721839872213.png

 

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

 

Best Regards,
Moeed

- Get a quick Shopify quote – Click here!

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


ape514
Tourist
15 0 1

amazing! is there anyway i can get the dots on the image?

Moeed
Shopify Partner
5882 1597 1899

Hey @ape514 

 

Remove the previous code and add this new code above </body> in the end of the theme.liquid file with the same steps mentioned above.

<style>
.slideshow__controls.slider-buttons {
    background: transparent !important;
    margin-top: -47px !important;
}
</style>

RESULT:

Moeed_0-1721840296821.png

 

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

 

Best Regards,
Moeed

- Get a quick Shopify quote – Click here!

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


ape514
Tourist
15 0 1

is there anyway i can just have the dots in white with no line or arrows?

ape514
Tourist
15 0 1

@Moeed is there any way i can just have the dots in white with no line or arrows?