Flash of unstyled content on page load [#1850358]

Hi, I have an issue similar to the one explained here.

When I load a slideshow (on my homepage), the Css seems not to be loaded at first, but only after a few seconds delay.

Is there a fix like the one in the link above?
Can it depend on where I put my css code (now it's in the global.css of my Omega subtheme)?

Thanks in advance.

Comments

Comment #1

dadderley CreditAttribution: dadderley commented 21 December 2012 at 05:32

Hi, I am using 6.x-3.0 and had the same issue.
Not sure what the proper fix for this is but here is a CSS hack that just solved me a whole world of pain.
It is a crude but effective hack.

I found the hint here:
http://shaneriley.com/cycle_faq_4/

My slideshow has this option selected.
Make the slide window height fit the largest slide.

I set the height of the enclosing element

#views_slideshow_cycle_teaser_section_nodequeue_2-slide_show_block  {
    height: 158px;
    overflow: hidden;
}

Then I set the height of the slides within it .

#views_slideshow_cycle_teaser_section_nodequeue_2-slide_show_block .views_slideshow_cycle_slide {
    display: block;
    height: 158px;
    overflow: hidden;
    width: 100%;
}

Not elegant, but it works.