In this tutorial, you’ll learn how to make a screen blend mode effect using the new CSS Blend Modes feature in Oxygen 2.2. With the blend mode feature of CSS, you can create Photoshop-like effects directly in the browser. You can apply blend modes to any element from Advanced > Effects > Opacity in the Oxygen builder. Blend modes can also be applied to ba...

Design Rules is a weekly tutorial series where we show you basic tips that will take your designs to the next level. In this episode, learn about the importance of visual consistency and how to achieve it with a couple of basic tweaks, like using more consistent colors and spacing. ...

In this tutorial, you’ll learn how to create a color dodge blend mode effect using the new CSS Blend Modes feature in Oxygen 2.2. With the blend modes feature of CSS, effects that previously required Photoshop or other image editing software can now be handled entirely by the browser. You can apply blend modes to any element from Advanced > Effects > Opac...

Learn to create an online course website with WordPress using the LearnDash LMS plugin. ...

Today we’re proud to announce the release of Oxygen 2.3 Alpha 1. 2.3 Alpha 1 introduces two new features: a Modal element, and the User Design Library. Existing customers can download the Alpha in the customer portal. Now, on to the details! Modal Element The new Modal element is available under +Add > Helpers inside Oxygen. With the Modal element, you can b...

Oxygen 2.2.1 is a minor update which fixes four bugs introduced in Oxygen 2.2. Fixes include: NextGEN Gallery plugin incompatibility related to gzip compression issue Invalid CSS when using the CSS Cache feature, which resulted in incorrect styling of elements on the front end as well as “200” errors while saving Various other new plugin compatibility iss...

Watch this video to see a comparison of Oxygen, Divi, Elementor, and Beaver Builder in terms of CSS & JS bloat loaded on the frontend and cleanliness of HTML output. First, a little backstory… Every time we run ads for Oxygen on Facebook, so-called “real” developers always comment on the ads saying “I would never use a visual builder becau...

In this tutorial, you’ll learn to create a multi-line button with Oxygen. This is a great tutorial to watch to get a deeper understanding of the general principles on how to build designs with Oxygen – especially if you are coming from other visual builders like Elementor and Divi, that have more limited control of element states and no “div” e...

New in Oxygen 2.2, the z-index property can now be set visually from Advanced > Layout. Using the z-index property, combined with negative margins, you can create overlapping elements. In this tutorial, you’ll learn how to create two cool overlapping effects. Both effects make use of negative margins and the new z-index property in Oxygen 2.2.   ...

New in Oxygen 2.2, the CSS transforms feature gives many possibilities for spicing up your designs. In this tutorial, you’ll learn how to apply a cool rotation effect to a grid of images and mix it with an overlap to add more visual interest. In Oxygen, you can visually apply CSS transforms to any element from Advanced > Effects > Transforms. Transforms...