When site loads – original css style shows before custom css overrides

Posted in: Newspaper
Post count: 1

Hello.

I have created a site where I have changed colors, padding etc – on various things.

The problem is that when the site is loaded – the old styling shows up for about 1-2 sec before the custom css overrides. — it’s especially noticeable on the header.

see video —> https://cl.ly/6fcb5fe685e8

This makes the theme useless, as it seems very unprofessional, and I wonder why you haven’t fixed this issue.

Never the less – I need this fixed. I have spent a lot of time on the site.

I have tried going into the style.css file and fixing these issues directly —> I have some experience in html/css, however I am not a developer by far… and I need to upload the file via ftp + find all the areas I need changed directly in there…

This will take me a lot of trial and error (which really shouldn’t be my problem, as most of these color changes are done via the theme panel)

Can you please assist here? I’m thinking for someone who is a developer, and know the theme’s code, it will be a lot faster.

Thank you.

Post count: 20688

Hi,

In some cases that effect may be visible, this is how CSS loads. First the default colors will be loaded, then the colors set in the theme panel or with custom CSS will be loaded, replacing them. Sometimes the transition between the colors is noticeable
http://prntscr.com/n3o9qx

The default color for that header is here – http://prntscr.com/n3oa9q you could remove that code or change it to how you want it there.
This custom code you are using – http://prntscr.com/n3obqv will also load after the theme stylesheet is loaded. You could try and enter custom code directly in the theme stylesheet for a faster load. These should fix the issues.

Another solution is to create your own header (blank template), or import one design by us and modify it if needed – http://prntscr.com/n3ocst
The cloud library plugin is needed for this, also theme version 9.5 and above
https://forum.tagdiv.com/tagdiv-cloud-library-plugin/
https://tagdiv.com/whats-new-in-newspaper-theme-9-5-update/
https://tagdiv.com/newspaper-theme-customize-the-header-manager/
These don’t have predefined design as the default header styles, what you set in the composer will apply.

Let me know if you have more questions.
Thanks

Viewing 2 posts - 1 through 2 (of 2 total)
The forum ‘Newspaper’ is closed to new topics and replies.