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 avoid a common pitfall when aligning long-form text, and what to do instead. No matter which builder you use, whether it’s Oxygen, Elementor or Divi, these foundational design practices apply across the board and can...

Today we are proud to announce the release of Oxygen 2.3. Oxygen 2.3 is a significant update with two new features: Modal Element User Design Library We’ve also fixed many bugs and added three new design sets. Existing customers can download Oxygen 2.3 in the customer portal. Oxygen 2.x can also be updated to 2.3 in one click from the Plugins page of the Word...

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 find the right amount of spacing for your design so that your elements don’t look or feel cramped. ...

Today we are proud to announce the release of the release candidate for Oxygen 2.3. Login to the customer portal to download the release candidate. The 2.3 release candidate has been tested extensively and we believe it is stable enough for production environments. We will provide official support for sites running the release candidate. As always, please backup your ...

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 sticky header mesh better with your site by reducing its use of vertical space. ...

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