Need some help on this bug. As the front page is loading, all the slides show unstyled. Stacked one on top of another.

Once the page loads, the slider works as intended.

It seems like the plugin is not loading correctly via css or js??

I am sure I am not the only one experiencing this problem. Can someone help me with this issue?

Comments

Back From 7’s picture

Back From 7 CreditAttribution: Back From 7 commented

Anyone else having this issue. I am sure this is easily fixed with some custom CSS?

Back From 7’s picture

Back From 7 CreditAttribution: Back From 7 commented

UNSTYLED CONTENT SOLUTION:

I found the css markup that fixes the issue. You have to add a width and height to the nivo slider to fix the unstyled slider on page load. Hope this helps someone. Also thanks to the maintainers for no help whatsoever on this issue... I am sure I am not the only one with this happening.

https://drupal.org/node/1713210 #20

#views-nivo-slider-YOURVIEWNAMEHERE-block_1 {
overflow: hidden;
width: 998px !important;
height: 300px !important;
}

#views-nivo-slider-YOURVIEWNAMEHERE-block_1 img {
width: 998px !important;
height: 300px !important;
}