Search code examples
htmlcssjcarousel

Why is div clipped off jcarousel? unknown issue challenge

Development test site

https://ntsu.unioncloudsandpit.org/

Can anyone help solve why the jcarousel contained newsblock is clipped off.

FYI newsBlock are just empty divs populated via javascript

I have tried filling newsBlocks with lots of content, but the cutoff remains

i've tried 

adjusting the z-index -1 -999
overflow:auto;
height:X px;

I can adjust the carousel size, but cannot for the life of me stop newsBlocks from being cut off?

newsBlock css is simply

.newsBlock {
height:500px;
background:white;}

Any advice?

Solution

  • The height of the <ul> that contains the carousel items is set to height: 90px;. This needs to be changed if it's set via a config or you need to change the height prop via CSS.

    .stripe-carousel ul, 
.grid-carousel ul {
  height: auto;
}