Now is your last chance to buy a lifetime license before we switch to annual pricing. Existing licenses will be unaffected.
read more
Posted on October 2, 2022

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

hello world!

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

 

Leave a Reply

Your email address will not be published. Required fields are marked *

Get Oxygen Today

Lifetime, unlimited site license

Copyright © 2024 Soflyy
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram