Revibe Template - Thumbnails Not At Center When Using 3 Slides
OHL
I want to use the top thumb slider from the template demo, but with 3 slides instead of 4 (like in the demo). I can easy remove a slide and change the content of the other slides, but the alignment of the thumbnails does not work correctly. It is not centered in the middel of the screen. Can I change that?
Mehtaz Afsana Borsha
Accepted AnswerHi
Thanks for contacting us. Use this custom CSS in your custom.css file
div#carousel{
display: flex;
justify-content: center;
align-items: center;
}
-Regards.
OHL
Accepted AnswerI put the shown css in the custom CSS of the template. Something changes but not the right thing. See www.bouldermedia.nl
Mehtaz Afsana Borsha
Accepted AnswerOHL
Accepted AnswerThey are not there anymore (they are there but very small). They disappeared after I made the CSS changes I was asked for. I will remove the CSS so you can have a look for a good solution?
Update: I put the CSS in the Custom CSS of the template. Now I have put it in the custom CSS of the thumb slider where the problem occurs. When I leave it out I have the thumbnails again, bur not centered. So I guess the provided CSS is not good for centering the thumbnails.
div#carousel{ display: flex; justify-content: center; align-items: center; }