-
AuthorPosts
-
January 27, 2018 at 3:06 pm #903681
Hi,
I’m a webdeveloper and recently took over a WordPress website who uses your theme. It’s about https://www.debuckagency.com/. When the site loads, it first shows the bare HTML code and then the CSS/JS code, this has a flickering effect and my client doesn’t want it. It’s the same problem when I enable the page preload, that doesn’t fix the problem. Is there something that can be done for this problem?
Thanks for looking in to this.
Stefanie
January 27, 2018 at 10:36 pm #903796Hey Stefanie,
Please post us your login credentials (in the “private data” field), so we can take a look at your backend.
- Install and activate ” Temporary Login Without Password “.
- Go to ” Users > Temporary Logins ” on the left-side menu.
- Click ” Create New “.
- Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
( do be sure that we have enough time to debug ). - Click ” Submit “.
- You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.
When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.Best regards,
NikkoJanuary 29, 2018 at 6:12 pm #904335This reply has been marked as private.January 30, 2018 at 9:53 pm #905165Hi,
That is an issue of WPCache that you run.
It is the way it renders the data I am afraid.
If you disable it you will see the issue been fixed.Best regards,
BasilisJanuary 31, 2018 at 6:01 pm #905666This reply has been marked as private.February 1, 2018 at 2:56 am #905956Hi Stefanie,
I have checked your site and noticed that the css used by Enfold are located at the footer, can you load them on them on the header instead, so it doesn’t show your site without the style when loaded.
Best regards,
NikkoApril 14, 2018 at 1:16 am #941774I have the same issue. How do I move where the CSS is located on the page (ie from footer to header)?
April 14, 2018 at 7:54 am #941851Hi michaelgallacher,
Could you post a link to the site in question so that we can take a closer look please?
Best regards,
RikardApril 14, 2018 at 10:03 pm #942053I’ve already fixed it on my site since I figured out the repro case and worked around it.
To repro:
1) Disable pre-rendering.
2) In “General Styling”, set the body text font to “Open Sans”.
3) Create a blog post and apply bold to all the text that appears above the fold.
4) View the post.The bold text is initially rendered using Open Sans Bold or SemiBold, but after all the CSS is loaded, the bold text is re-rendered with Open Sans ExtraBold.
The re-render does not happen with any other font I tried. The re-render only happens with bold text and only if pre-rendering is disabled.
I selected a different font and the issue went away.
debuckagency.com is also using Open Sans with bold text, but has pre-rendering enabled, so the flicker is not seen. Selecting another font will probably make the pre-render unnecessary.
- This reply was modified 6 years, 7 months ago by michaelgallacher.
April 16, 2018 at 4:03 am #942393Hi,
I see, I think the extrabold font should be loaded in header to avoid re-rendering, since it’s loaded in the footer, you will see your page being loaded first, but the font you want to use isn’t loaded so it uses the next available font first but after loading the extrabold in the footer it now fixes it to the right font weight, which is normal but would look some glitch.
Best regards,
NikkoApril 16, 2018 at 4:10 am #942397Why is it loaded in the footer? How can I load it in the header?
April 16, 2018 at 6:44 am #942436Hi,
Can you tell us where you placed the code to add the extrabold font? that depends on where you placed it, if you want to load it in the header you can use this:
//------------------------------- // Custom script in head section //------------------------------- function load_myfont(){ ?> <link href="https://fonts.googleapis.com/css?family=Open+Sans:800" rel="stylesheet"> <?php } add_action('wp_head', 'load_myfont');
Hope this helps.
Best regards,
NikkoApril 16, 2018 at 11:54 pm #942827I don’t code or set anything. As you can see in my repro steps, I really don’t do anything except change the font to Open Sans in “General Styling” and disable pre-rendering. The theme is what is setting particular elements to be bold.
April 19, 2018 at 1:42 am #943824Hi,
I am sorry but just to be clear.
Have you used the code Nikko provided or not?Best regards,
BasilisApril 19, 2018 at 2:03 am #943830No, I did not.
April 20, 2018 at 9:34 am #944499Hi michaelgallacher,
Can you give us a link to your site? so we can have a look.
I didn’t notice before that you weren’t the one who posted the thread and was looking on a different site.Best regards,
NikkoAugust 14, 2019 at 10:37 pm #1127759Did you find out what the cause was? I’m having the same issue
August 15, 2019 at 8:57 am #1127852Hi WinBoot,
No we didn’t get further than this, please open a new thread and include a link to your site if you should need help.
Best regards,
Rikard -
AuthorPosts
- You must be logged in to reply to this topic.