I have based my settings on one of the demos. But I
can’t seem to modify this green color that appear here and
there from the “news magazine demo”. I’ve checked “Theme Panel / Theme Colors” and “general theme colors, main menu colors / mobile menu colors. But still as the page load the green lines are shown in the menu as the page loads.. it’s replaced by my settings once the page has loaded completely but it looks a bit strange.
I also disabled / enabled speed booster plugin to see if it’s cache related.. but no.
Are there more color settings?
Hello kamoe,
Please provide your website URL so I can inspect it closer that behaviour.
Thanks for the message!
Hello kamoe,
You can use some symbols or words for your URL if you do not want that the Google to index it. For example ->
https://www(dot)google(dot)com
Thanks for the message!
spaintoday(dot)es
Hello,
This loading effect is just css as it changes colors from the default green ones to the yellow ones you selected. This effect is always visible but in some cases it is more visible than others. Using the speedbooster plugin will cause this effect to be more visible as it will move css to the footer. A simple solution is to copy this css directly in style.css:
.td-header-wrap .td-header-menu-wrap-full, .sf-menu>.current-menu-ancestor>a, .sf-menu>.current-category-ancestor>a, .td-header-menu-wrap.td-affix, .td-header-style-3 .td-header-main-menu, .td-header-style-3 .td-affix .td-header-main-menu, .td-header-style-4 .td-header-main-menu, .td-header-style-4 .td-affix .td-header-main-menu, .td-header-style-8 .td-header-menu-wrap.td-affix, .td-header-style-8 .td-header-top-menu-full{
background-color: #d33;
}
.td-header-wrap .td-header-menu-wrap .sf-menu>li>a, .td-header-wrap .header-search-wrap .td-icon-search{
color: #fff;
}
.td-magazine .td-header-style-1 .td-header-top-menu-full{
border-top-color: #ffc400;
}
Thank you!
Thanks Bogodan, I’ll give it a try. But prefer solutions that won’t get overwritten with theme updates so migth try to put this in a child theme.. that would be the right way?
Hi,
Unfortunately style.css is the one file that will always need replacing. Even in the child theme. There is no update proof solution for this. The easier solution would be not to use too many css rewrites. Meaning not to use any demo, and change colors from the theme panel without the re-write from the demo. You can also increase your page loading speed to minimize this effect, but changing style.css directly is the only way of having No cascade effect. This is the way css works.
Thank you!
Hello Bogdan,
I just started getting the same ‘flashing’ display of the header menu default colors loading before my custom colors are displayed. I turned off any recent plugins and pasted in the CSS you posted above in the Newspaper/Style.css file at the bottom of page.
I’m using Newspaper, Magazine front page, and Header Style #4.
Thanks.
My site is here; thetradershedge(dot)com
Hi,
You will have to copy over more than the css I provided above. Each case is a particular one as you do not have the same css as the previous site. The best way to do it is access your page source and copy the generated css from the page source at the end of style.css. (it is a big css code in your page source) I could not see it on kamoe’s site as it was optimized and the css minified and not shown in the page source. Your I cannot even access so you will have to do it. Find a big bunch of css in the page source you can see in the browser.
Thank you!
