Theme rendering to default first a second until resolving to theme panel colors

Posted in: Newspaper
Post count: 4

Hey there.

First I wantt to say what an amazing theme you guys have produced, keep up the great work.

I do however have a question, my website laods with the default colours (auqa blue header, white background, etc.) when you first visit the website then after a second it returns to the colors I have seleced in the administration panel.

I am using the news magazine demo.

How can I edit the script so the colors I select become the default, will this involve editing the css on every line I have made changed within the theme panel?

for reference my website is as follows:

build sydney . com

Any help will be greatly appreciated, thanks in advance, best regards.

Post count: 6535

HI

Thank you for your generous thoughts and your review! We’re glad you like our theme.
That delay appears because you’re using speed booster plugin. This plugin moves all custom css generated by the theme and the one added in theme panel at page’s footer. When the page is loaded first time is executed the code from style.css then the custom css from footer. To avoid the delay you can paste directly all custom css in style.css file: http://screencast.com/t/wcm0zmIYni This is your custom css for now: http://pastebin.com/hVhfyQL8

Hope this helps!
Thanks!

Post count: 4

Thanks very much Andrei that worked a treat. Can I ask how you found the custom style.css settings? because in the future if I do make changes I could easily do it myself instead of bothering you, thanks mate.

Post count: 285

Hi @supersheek,
*Always make a backup before any changes

Your actual custom css are here: Theme panel / CUSTOM CODE / Custom CSS.
You have to cut all code is there (after cut have to save theme-settings) and paste it into the style.css

2 ways for do it:

  • through FTP (downloading style.css and attaching that code at the bottom of the file / upload and rewrite the new style.css
  • through WP dashboard / Appearance / Editor / Style sheet (style.css), at the bottom you can paste it. / push the botton “update file”

*Always make a backup before any changes 🙂

  • This reply was modified 9 years by nairolf.
Post count: 7

Hi, I have encountered this problem, will be how to write custom CSS?

Post count: 23312

Hello ronens,

To avoid this flash you will have to edit your style.css core file and add there all your custom code, as my colleague Andrei explained you above. If you encounter some difficulties in this regard, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry!

Thank you for the message!

Post count: 7

Hello Catalin

Theme panel-CUSTOM CODE I did not add any custom code, I just installed the tagDiv Speed Booster plug-in, this will happen, I hope to have a solution, thank you

Post count: 22421

Hello,

Speedbooster will move the style to the footer so it will load after everything else. That means that if you change a css color, the default one will show until the footer is loaded and only then will it change to your selected color. If you want a solution there are 2 of them. One is not to use speedbooster to move the css to the footer, or the alternative provided above by adding the css directly in style.css so your css settings become default and not have to re-write the original css and wait for the footer to load.

Thank you!

Post count: 5

Hi,
I am also having this issue. Cutting and pasting custom CSS from the theme panel does not entirely fix the problem. It seems that all of the customization made using the theme panel are affected (fonts, text color, background color, etc.) Is there a file where all of these changes are saved so we can cut and paste them in style.css? Thanks

Post count: 7

Forgive me, the second point there is a detailed operating document?

Post count: 23312

Hello

I suppose that you are referring to the appearance of a flash when you enter on your website…firstly is loaded a style and then will appear another style, right? This behaviour appears when you have additional customization through custom CSS code. Please notice that the CSS are working in cascade and the first time will take the code from style.css that is set it by default and then the theme will take the custom code that you have changed from Theme panel and practically this flash is generated by this cause. As a workaround, you have to check your style.css and try to add directly in this file your desired custom code. So, if your problem is still there, please try to revert the theme to the default settings, without any customizations and let us know how it goes. Also, you can try to make a new fresh install from scratch with the latest version of the theme and check the results. Also, please make sure every time you cleared caches. Noticed that the only files where you will have to edit is style.css.

Thanks for the message!

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