In this video, see how to keep your design consistent using utility classes. Utility classes can be created for anything you use frequently, such as box shadow, margin, padding and buttons. Once you have created your classes, you can easily import them to another Oxygen site using Oxygen’s User Design Library.

Video Links:
Box shadow generator: https://brumm.af/shadows
UI Gradients: https://uigradients.com/

Get Oxygen ➜ https://oxygenbuilder.com/
Subscribe ➜ https://oxygenbuilder.com/ytsubscribe
JOIN THE OXYGEN FACEBOOK GROUP FOR HELP & SECRET INFO ➜ https://oxygenbuilder.com/facebook

source

23 Comments

  1. Very useful! I suppose a great way of working would be to define all the design elements in f.i. Adobe Xd first. Then spend some time feeding them into Oxygen. Requires a very systematic approach!

  2. Thanks for this tutorial. Unfortunately the site-key doesn´t work.
    " cURL error 6: Couldn't resolve host 'utility.elijahmills.com' "

    Is there any other possibility to get the design set?

  3. Thank you very much for this tutorial! It is very helpful. I would like to import the utility class design set, but when I try is says: "Not found"..is this Design Set still available?

  4. thank you for the tips. super helpful!! The class / selector's name can't be edited, right? it would be nice if we can rename them. Also the order of this classes is based on the creation date, correct? It might be helpful if it's sorted alphabetically, so it looks more organized. thanks again!!

  5. Great tutorial, Could oxygen builder add a functionality at "manager>>selectors" to change selectors' name globally ? At current situation, after setup a selector's name , we can not change it.

  6. I have lots of questions about this topic. But for now 3 are enough 🙂 Why we can't use the margins for sections? I use it. Is it ok to use the !important? From the development point of view.How to use paddings classes for columns? Thanks.

Leave A Reply

Please enter your comment!
Please enter your name here