Oxygen 6.0 RC 1 Is Live

Oxygen 6.0 RC 1 Is Live

Learn More

Published on September 6, 2020

Tutorial: Using Utility Classes For Rapid WordPress Design In Oxygen

In this tutorial, see how to create a library of utility classes. Classes can easily be added to your Oxygen elements to achieve a consistent design across your entire site. For example, if you want to use the same box shadow on multiple elements, create a “box-shadow” class and apply it to all of the elements where you want to see a box shadow.

Once you’ve set up your utility classes, they can easily be imported to another Oxygen site using Oxygen’s User Design Library.

Video Links:

Box shadow generator: https://brumm.af/shadows

UI Gradients: https://uigradients.com/

Oxygen Builder
Updated on: September 6, 2020

Pixel-perfect design meets WordPress!

Oxygen is the best way to visually design WordPress websites.
If you can build it with WordPress, you can design it with Oxygen.
  • Lifetime Access
  • Oxygen Classic + New Oxygen
  • All Premium Add-Ons
  • 60-Day Money Back Guarantee
Start Designing

You'll build incredible websites with Oxygen

Get started with Oxygen today and unlock incredible value.

Get Oxygen

30-day money back gurantee

Try Oxygen risk-free. If you’re not satisfied, get a full refund within 30 days.

Unlimited site license

Use Oxygen on as many personal or client projects as you want — no limits.

Fast, world-class support

Our experienced team is eager to assist you with technical questions.

Use on client websites

Build and deliver professional-grade websites for your clients with no extra fees.