In this tutorial, you’ll learn how to create an overlay header effect for specific pages using Oxygen’s Header Builder element. The Header Builder element allows you to create as many Header Rows as you’d like, and then display them conditionally depending on the state of the Header itself. This means we can choose which Header Rows should be shown ...

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 how to make your long-form text more pleasant to read by tweaking font size, font family, line length, and line height. ...

In this tutorial, you’ll learn how to create custom animated buttons using the new CSS Transforms feature in Oxygen 2.2. With Oxygen’s fundamental components and visual CSS manipulation, you can create advanced custom elements without needing pre-built blocks or add-ons. You can visually style pseudo-elements like :before, :after, and states like :hover u...

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 having more space around a group of elements than between the elements themselves. Applying this principle will improve your designs instantly. ...

Today we’re proud to announce the release of Oxygen 2.3 Beta 1. 2.3 Beta 1 contains various bug fixes, as well as polish for the new Modals and User Design Library features. Notable changes include: Added a blank option to Animate On Scroll “disable below” dropdown. Reusable sub-menu now works in the latest version of Chrome. Fixed Asset Cleanup con...

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...