• Closed
  • andy whit
    Spectator
    February 11, 2016 at 3:59 pm #24252

    Hi

    My alora based site is suffering from a flash of un-styled content when the page loads. It is particularly noticeable with Google Chrome.

    I can see the site switch between fonts on load, and also the blog briefly shows in a horizontal format before switching to 3 column.

    Any ideas?

    Thanks.

    Imran
    Spectator
    Posts: 402
    February 11, 2016 at 4:20 pm #24258

    Hi Andy,

    Thanks for writing in!

    Would you please provide us with the link of your website and perhaps some screenshots with the notation of issues, so that we can take a look into your site and provide you with a tailored answer.

    Thank you!

    andy whit
    Spectator
    Posts: 4
    February 11, 2016 at 4:27 pm #24260

    Imran

    The site is hosted at;

    http://46.183.9.78/

    It’s difficult to get a screenshot as the un-styled content only appears for a fraction of a second, but it’s very noticeable.

    if you browse to my site using Chrome you will probably notice the telephone number and email (in the site header) change font on load. Also, go into the “research” section and you will briefly see the blog post appear in horizontal format.

    Thanks for your help.

    Imran
    Spectator
    Posts: 402
    February 12, 2016 at 7:38 am #24284

    Hi Andy,

    Thanks for providing the link!

    Sometimes JavaScript takes up a bit of time to load up the styling. However, please try adding the following code under your Appearance -> Theme Options -> Custom CSS:

    .fa-phone:before {
    content: "\f095";
    }

    .fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    }

    .category-research #posts-container {
    position: relative;
    overflow: hidden;
    height: 728px;
    }

    .category-research .post:first-child {
    width: 283.333px;
    position: absolute;
    left: 0px;
    top: 0px;
    }

    .category-research .post:nth-child(2) {
    width: 283.333px;
    position: absolute;
    left: 323px;
    top: 0px;
    }

    .category-research .post:nth-child(3) {
    width: 283.333px;
    position: absolute;
    left: 647px;
    top: 0px;
    }

    Hope this helps.

    Thank you!

    andy whit
    Spectator
    Posts: 4
    February 12, 2016 at 10:19 am #24290

    Thanks

    Unfortunately it didn’t work.

    i’m going to have a play around with the fonts and see if that helps.

    Imran
    Spectator
    Posts: 402
    February 12, 2016 at 10:27 am #24291

    Hi Andy,

    Meanwhile, you may test for a plugin conflict by deactivating all the third party plugins in your site, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can specify which one by reactivating them one at a time.

    Thank you!

    andy whit
    Spectator
    Posts: 4
    February 12, 2016 at 11:06 am #24294

    This is odd;

    I had a de-activated plugin called “supreme shortcodes”. When i activate this the telephone number in the header (defined in Banner Code For Header #4) doesn’t flicker anymore, although there is a noticeable delay before it appears.

    But i still have the problem of the blog(s) briefly appearing in horizontal format before switching to 3 column vertical in the links below.

    http://46.183.9.78/category/testimonials/
    http://46.183.9.78/category/research/

    Is this a problem with the theme not handling category filtered blogs correctly?

    Imran
    Spectator
    Posts: 402
    February 12, 2016 at 11:18 am #24295

    Hi Andy,

    Surely, a plugin conflicted with contact number in your header. However, you may use a columns shortcode for your research and testimonials pages. As on our alora demo magazine page, the magazine posts are using columns shortcode and facing no problems during page loading:

    http://demo.theme4press.com/alora/magazine/

    Thank you!