Hello, When my site loads for a fraction of a second some colors will display as blue and before it gets into the correct colors I’ve choosen. I think there are some css issue due to how design was done. When I created the design for this site I started with a demo and then modified it. So I assume the colors I see loading at first are related to this.
How can “remove” these old demo rolors while remaining the current look of the site? If not possible the other option is to “Reset theme settings” but that will reset ALOT of stuff not related to my problem.
If you look at the header while loading “www REMOVE spania THIS .no” you’ll see the problem.
What are my options to fix this? What would the relevant CSS file be to try to fix it editing the CSS manually?
Thank you
Hello,
Your site is not accessible from our end: https://www.screencast.com/t/XPmzZGkk30n
As for the css issue, This is usually caused by css optimization and cdn, as well as too many rewrites to the css code. Also a low page speed will also cause this effect to be more visible. Please check your host and cdn server and remove any css optimization.
Also. please make sure you use this guide: https://forum.tagdiv.com/how-to-make-the-site-faster/
as well as: https://forum.tagdiv.com/system-status-parameters-guide/
Thank you!
Hello Again Bogodan, I’ fixed it now.. just an error in .htaccess from debugging an error related to debugging an issue related to your new editor. Please check on my site again.
I don’t think the low load speed is the problem here. From what I
understand it’s some “old” css “leftover” from when I stated with a demo
as a template. But I’m sure you can tell me after taking a look.
Hi,
The initial color of the elements will be replaced by the color you set. For example the header style you are using has an initial color by default, this one
– https://www.screencast.com/t/fZy8NTTnaD
Then the theme accent color applies on the header replacing the default color
– https://www.screencast.com/t/p7keikKtk
Then the color you set as menu background applies (this is similar to the one before however)
– https://www.screencast.com/t/dDeIGRxBWUp
So these colors will apply one at a time, cycling through each starting from the first to the last.
Same for the block titles which seem to also flash a bit
– https://www.screencast.com/t/6gbXFl6HhsH2
This transition would not be visible when the website is loaded faster.
You could remove or replace the initial colors of these elements from the theme stylesheet, with the one you want
Block titles – https://www.screencast.com/t/eYH2Qi9kpg1
Header – https://www.screencast.com/t/K11jSLjA43
Thanks
Hi Simon, thank you for a very well explained feedback!
I did change the style.css in two location to set the color “correct” to avoid this shift from blue to red. But I still get it. I cleared cache etc.
Can you take a second look please.
K
Please check again, for me that is not happening anymore (clear the browser cache or test with a different browser). The initial color is not seen at the moment, basically this removes that transition that happened before.
Yes.. I guess some cache fooled me.. thanks again 🙂
