Image Slider Broken

HTML & CSS
1

hi all, im new here
i had an issue with image slider, here we go.

image slider broken

1280×483 125 KB

i put a button inside the slider, and once i clicked the button. it will show bootstrap modal. and after that, let it 4-5s till the background slider move. and close the modal.

<header id="home" class="ct-u-colorWhite text-left">
  <div data-adaptiveHeight="true" data-animations="true" data-autoplay="true" data-infinite="true" data-autoplaySpeed="4000" data-draggable="true" data-touchMove="true" data-arrows="true" data-items="1" data-dots="true" class="ct-slick ct-js-slick">
    <div data-bg="./assets/images/content/bigSlider.jpg" class="item item-slider">
      <div class="ct-slick-inner">
        <div class="ct-slick-content">
          <div class="container">
            <div class="row">
              <div class="col-md-7" style="position: relative;">
                <!-- <h1 class="ct-textDecoration--underline ct-u-marginBottom60 ct-fw-300">Classical Music</h1>
                  <p class="ct-u-marginBottom50 slider-description" style="margin-top: 30px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ipsum nibh, maluit esuada a sem id, tincidunt tristique nibh. Mauris tristique velit massam, in frinui gilla turpis semper quis. Sed sagittis cursus erat, et ibendum nec.</p> -->
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div data-bg="./assets/images/content/bigSlider.jpg" class="item item-slider">
      <div class="ct-slick-inner">
        <div class="ct-slick-content">
          <div class="container">
            <div class="row item-slider-detail">
              <div class="col-md-7 " style="position: relative;">
                <h1 class="ct-textDecoration--underline ct-u-marginBottom60 ct-fw-300 text-left">Get cheapest ticket now!</h1>
                <p class="ct-u-marginBottom50 slider-description" style="margin-top: 30px;">
                  <button type="button" class="btn btn-info pointer" name="button" data-toggle="modal" data-target="#myModal">Buy Now</button>
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</header>

i’ve changed the button to the <a href> and remove the button, still broken…

any suggestions?
thanks before

2

These complex things quickly get messed up if you tinker with them, so you have to be careful. We’d need to see a live example of what you’ve done to have any hope of helping, though. :slight_smile:

3

thanks for the reminder…

4

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.