Carousel-Slick- when i try to remove the arrows by putting in arrows:false, it the everything but the buttons?

Hi when I have issues I compare the project files to my own code. I would say though just make sure your last object doesn't have a comma, make sure everything is spelled correctly. If you still have issues post the code and I will look at it for you.

Hi

have the that correct i think, I think it has something to do with the display settings? if i make the top arrow button. button.slick-prev.slick-arrow{display:none;} it removes the whole carousel

this is the site http://www.vestedutility.com.au/

code <div class="slides">

        <div class="slide blue">
      <div class="grid-half">
      <h7><span>Sorrento Region – Perth City</span></h7>
        <h7 class="h7"><span>Local tradesmen</span> </h7>
        <img src="img/City of perth.jpg" alt="City of Perth Electricians" />
      </div>
    </div><!--/Slide 1-->

    <div class="slide orange">
      <div class="grid-half">
      <h7 class="h7"><span>Coolup Region – Mandurah Bridge</span></h7>
        <h7><span>Fast response</span></h7>
         <img src="img/City of perth.jpg" alt="Coolup Region looking at Mandurah bridge" />
      </div>
    </div><!--/Slide 2-->

    <div class="slide green">
       <div class="grid-half">
        <h7 class="h7"><span>Jindalee Region – Mindarie</span></h7>
        <h7><span>Quality workmanship</span></h7>
         <img src="img/City of perth.jpg" alt="Electrician Jundalee region" />
      </div>
    </div><!--/Slide 3-->

    <div class="slide yellow">
      <div class="grid-half">
        <h7><span>Fremantle Region – Fremantle Café Strip</span></h7>
        <h7 class="h7"><span>Expert advice</span></h7>
         <img src="img/City of perth.jpg" alt="Electrician fremantle cafe strip" />
      </div>
    </div><!--/Slide 4-->


     </div>

<script src="../js/jquery-1.11.2.min.js"></script> <script src="../js/slick/slick.min.js"></script> <script> $('.slides').slick({ fade: true, /autoplay:true, autoplaySpeed: 2000,/ /arrows:false,/ dots:true, pauseOnHover:true

});

</script>

in the white space there is the arrow ive given a red back ground, commented it out as it wont show with it?

that worked it also worked changing the position to relative or the z-index

the main cause of the issue is a css file that mixes with the carousel once I removed that css file it fixed it ive just got to figure out which code in that file is clashing

cheers

it was my .block div if i removed it in the css the carousel showed up, however it then messed up the heading not sure how the .block div messed it up. So instead I added div class=header-padding under my heading and adjusted the padding depending on the screen size it seams to work!

yea!!! thats the main thing