Slick.js - problem with centering images and its texts with slick.js

HTML & CSS
1

Hi,

I am creating slider with slick.js. There is three images(centered) and text (also centered) below every image. I did something like this:

<div class="wrap">
    <img class="img-responsive" src="300.png">
</div>
and so on for every image.

It works till I set slick.js put in, I get everything messy, and don’t know why. So with slick, I am trying to set that every image has its text below, and when user slide it shows image and text below…

Here is full:

2

Does your codepen have slick.js included?

4

Please post a working page that includes all relevent HTML, CSS, and full URLs to needed resources in the the <head> section of the page all per our posting guidelines:

Are you expecting an HTML/CSS solution or a JS solution? Asking to be sure your post is in the best forum category. :smile:

HTML and CSS validators:

https://validator.w3.org/nu/

https://jigsaw.w3.org/css-validator/

5

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