Tutorial: How To Create & Implement More Beautiful Gradients In WordPress Using Oxygen

In this video tutorial, we’ll explore beyond Oxygen’s built-in gradient background tool. Instead, we will use the Gradient Generator Tool from Learn UI Design to create a more advanced and beautiful gradient for your WordPress website with Oxygen.

Once we have our gradient, we’ll add it to a Section using the Custom CSS tab. Next, we’ll create an Oxygen class to apply the gradient to multiple elements. Then, we’ll create a second class that utilizes additional CSS so that we can apply our gradient to text.

Resources:

• Text gradient CSS: https://gist.github.com/Spellhammer/ffdcac30ea38462ad022e36712d7ec3f
• CSS generator tool: https://www.learnui.design/tools/gradient-generator.html
• Using Linear Gradient in CSS: https://developer.mozilla.org/en-US/docs/Web/CSS/gradient/linear-gradient