0
Welcome Guest! Login
0 items Join Now

FP Image slider loads after content below causing "flashing" on page load

Last Post
Search Topic

  • FP Image slider loads after content below causing "flashing" on page load

    Posted 8 years 2 months ago
    • Hey guys,
      I created a site based on Irridescent ( travelvaccination.ca ), but the client hates what he call "flashing". As the page loads the content below the image slider shows for a moment, then the slider image(s) load, ushing the content down.

      I've already reduced the images as small as I can without compromising on quality... anything else I can do that make the image slider take up its space as the images load so the content below doesn't flash there first?
    • Last Edit: 8 years 2 months ago by Eric Poulin. Reason: clarify
    #1271113
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13481
    • Web Designer/Developer

    Re: FP Image slider loads after content below causing "flashing" on page load

    Posted 8 years 2 months ago
    • Please do not post extensions/template specific questions in the "Watercooler" forum. You should post in the extension forum or template forum as appropriate. Most of these forums are for members who have a current PAID membership. Our priority is always to assist paying members.

      Thank you for your understanding.

      Your subscription appears to have expired. Support does require a current subscription.

      Use this code...
      .-rt-iridescent-style div.fp-slideshow, .-rt-iridescent-style div.sprocket-features.layout-fullslideshow {
    height: 100vh;
}

      This is how to create a custom CSS compatible with Gantry 4...

      Simply create a file called "<TEMPLATENAME>-custom.css" and put this file in the CSS folder of the template (where <TEMPLATENAME> is the name of the template as seen in template manager e.g. rt_iridescent would be rt_iridescent-custom.css). GANTRY4 will automatically load this CSS file. If you wish, you can also have browser specific files by appending, for example, "-ie9" making the filename "<TEMPLATENAME>-custom-ie9.css"

      Regards, Mark.
    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
    #1271117

Time to create page: 0.046 seconds