CODEWITHSUNDEEP
csstwitter-bootstrap-3slider
WNM Derek
WNM Derek

Reputation: 55

bootstrap bootslider layout issue caused by white space

The problem is I am using BootSlider.js that I cam across online, and it does everything that i require it to, apart from one thing. The actual slider set white-space:none on its main div.

So as you will see in the slider panels in the url above, I have text in each panel that needs to wrap. This text is in a tag. If I set white-space: wrap on the SPAN in each panel, then you will see that the more wrapping text, the further away from the top each panel sits.

I have tried to see what the CSS problem is but am stuck - would be great if anyone could help?

It's using bootstrap 3 no option to use 4 sadly.

Upvotes: 0

Views: 57

Answers (1)

ReSedano
ReSedano

Reputation: 5060

Try to add this rules to .index-inner1

.index-inner1 {
    display:flex; /* add this line */
    flex-direction: column; /* add this line */

    padding: 8px !important;
    min-height: 290px !important;
    cursor: pointer !important;
}

Upvotes: 1

Related Questions