Animated background gradients in GeneratePress? Yes you can!

[Roberto]

I’m glad you find it useful 🙂

[Tom]

Site is looking good! Glad you’re enjoying the theme 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Mo]

Hi Roberto and Tom,
Thanks for the excellent tutorial Roberto.
It was easy to add the code and to get instant results.

2 things though that perhaps you or Tom can shed some light on.

1) Is the animated background only supposed to appear on the Homepage?
It does not apear on any other pages and most don’t even have content at the moment with only the black appearing from the assigned CSS.

2) Does not seem to work on IE.

Performed the usual troubleshooting.
Disabled all plugins except GP with no change.

Thanks.
Mo

[Mo]

Found the reason for the animated gradient background not working in Firefox and Chrome at least.
This time it was Cloudfalre.
They’ve got some features to optimize a website’s code.
Something they call “Rocket Loader” which optimizes javascript was enabled.
Turning this option off allowed the gradient script to work but only on the homepage.
There’s also an a”Auto Minify” feature that minifies CSS, HTML and JS.
Turning these options off has also resulted in the animated background displaying properly in Chrome and Firefox on all pages.
For some reason IE is not displaying anything but the black background.
Perhaps there’s something in the browser setting that’s blocking or stripping the code.

I’ll let you know if I find it.

Mo

[itesla]

Hello to everyone.
Added animated gradient background it looks awesome but i observed something my CPU jump to 70% and begin to accelerate his cooler.
Is this good or bad?
Is there something that can be done?

[Tom]

In order to have an animated background, things are constantly running in the background of the browser.

If your CPU is already loaded quite high, then this can definitely happen.

I don’t believe anything can be done, as it’s the nature of the feature to have the code constantly change in the background.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts