• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Home
  • Blog
  • Sample Page

WordPress Tips

Just another WordPress site

Remove FOUC on Lightslider jQuery Carousel

July 13, 2019 Leave a Comment

When more than one slide is used on a lightslider slider/carousel, the slide images are initially loaded underneath each other and jump into place which causes the layout to jump around which is known as a flash of unstyled content or FOUC.

There is a CSS class name that already ships with the lightslider CSS ‘cS-hidden’

.cS-hidden { height: 1px;

Filed Under: fouc, lightslider, WordPress Tagged With: fouc, lightslider, WordPress

Reader Interactions

Related Posts

  • Media Temple Managed WordPress Hosting: Overview and Review
  • Hotjar Heatmap Analytics: An Overview and Review
  • How to Use a Heatmap to Improve Your Website’s Overall Quality
  • GreenGeeks Eco-Friendly Hosting: An Overview and Review

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

Copyright ©2019 · WPress.Tips - All Rights Are Reserved · Powered by Genesis Framework