Solved

Can I remove spacing and dots from a Shopify slideshow?

IamLLIIME
Trailblazer
268 2 50

Good day! I need help on how can I removed the space and the dots below the slideshow, 

Thankyou so much!!!!

nuke.PNG

Accepted Solutions (5)

askewallz
Shopify Partner
16 7 6

This is an accepted solution.

have you tried adding display: none !important; to these elements?

+ Did my answers Solved your issue? ✔️ Please click on Accept as Solution and like.
+ Looking to hire an experienced developer? Fast response within 24hrs: askewallz@gmail.com.

View solution in original post

askewallz
Shopify Partner
16 7 6

This is an accepted solution.

try add this

controlNav: false,

after

animation: "slide",

if not working, i will need to look at your site to find the correct css selector.

+ Did my answers Solved your issue? ✔️ Please click on Accept as Solution and like.
+ Looking to hire an experienced developer? Fast response within 24hrs: askewallz@gmail.com.

View solution in original post

askewallz
Shopify Partner
16 7 6

This is an accepted solution.

try

.flexslider{margin-bottom:-50px !important;}

it its working, adjust the number accordingly.

+ Did my answers Solved your issue? ✔️ Please click on Accept as Solution and like.
+ Looking to hire an experienced developer? Fast response within 24hrs: askewallz@gmail.com.

View solution in original post

askewallz
Shopify Partner
16 7 6

This is an accepted solution.

in the code editor or you can also replace the following

<div class="flexslider">

with

<div class="flexslider" style="margin-bottom:-50px !important;">

+ Did my answers Solved your issue? ✔️ Please click on Accept as Solution and like.
+ Looking to hire an experienced developer? Fast response within 24hrs: askewallz@gmail.com.

View solution in original post

askewallz
Shopify Partner
16 7 6

This is an accepted solution.

cool! i'm just guessing, 0 would do the trick too.

+ Did my answers Solved your issue? ✔️ Please click on Accept as Solution and like.
+ Looking to hire an experienced developer? Fast response within 24hrs: askewallz@gmail.com.

View solution in original post

Replies 11 (11)

askewallz
Shopify Partner
16 7 6

This is an accepted solution.

have you tried adding display: none !important; to these elements?

+ Did my answers Solved your issue? ✔️ Please click on Accept as Solution and like.
+ Looking to hire an experienced developer? Fast response within 24hrs: askewallz@gmail.com.
IamLLIIME
Trailblazer
268 2 50
<div class="flexslider">
  <ul class="slides">
 
    
  </ul>
</div>
<script type="text/javascript">
$(window).load(function() {
  $('.flexslider').flexslider({
    animation: "slide",
    directionNav: false
  });
});
</script>
 
 
Where do I put that? this is the code that I used.
 
askewallz
Shopify Partner
16 7 6

This is an accepted solution.

try add this

controlNav: false,

after

animation: "slide",

if not working, i will need to look at your site to find the correct css selector.

+ Did my answers Solved your issue? ✔️ Please click on Accept as Solution and like.
+ Looking to hire an experienced developer? Fast response within 24hrs: askewallz@gmail.com.
IamLLIIME
Trailblazer
268 2 50

It works it removes that the dots, but the space are still there. @askewallz 

IamLLIIME
Trailblazer
268 2 50

IamLLIIME_0-1610954868266.png

@askewallz  here are the result when  I put the code that you gave to me

 

askewallz
Shopify Partner
16 7 6

This is an accepted solution.

try

.flexslider{margin-bottom:-50px !important;}

it its working, adjust the number accordingly.

+ Did my answers Solved your issue? ✔️ Please click on Accept as Solution and like.
+ Looking to hire an experienced developer? Fast response within 24hrs: askewallz@gmail.com.
IamLLIIME
Trailblazer
268 2 50

where should I put the code? @askewallz 

askewallz
Shopify Partner
16 7 6

This is an accepted solution.

in the code editor or you can also replace the following

<div class="flexslider">

with

<div class="flexslider" style="margin-bottom:-50px !important;">

+ Did my answers Solved your issue? ✔️ Please click on Accept as Solution and like.
+ Looking to hire an experienced developer? Fast response within 24hrs: askewallz@gmail.com.
IamLLIIME
Trailblazer
268 2 50

IamLLIIME_0-1610956541900.png

I set the bottom margin into -0px

<div class="flexslider" style="margin-bottom:-0px !important;">

The image is cut

@askewallz 

IamLLIIME
Trailblazer
268 2 50

I get it now, I removed the - sign and replace it with 0 and it works perfectly! Thankyou so much! @askewallz 

askewallz
Shopify Partner
16 7 6

This is an accepted solution.

cool! i'm just guessing, 0 would do the trick too.

+ Did my answers Solved your issue? ✔️ Please click on Accept as Solution and like.
+ Looking to hire an experienced developer? Fast response within 24hrs: askewallz@gmail.com.