In this tutorial, we’re going back to the basics and discussing creating headers and designing them with Oxygen. First, we will discuss what defines a header by seeing what the Mozilla Developer Network (MDN) defines as a header, and look at a few examples across the web. There are two primary ways to add a header in Oxygen. The first method is to use OxygenR...

Today we’re excited to announce the availability of the first release candidate of Oxygen 4.3. Oxygen 4.3 introduces a new accessibility focused menu element called Site Navigation. You can learn more about the Site Navigation element in the beta release announcement here: https://oxygenbuilder.com/2022/12/05/oxygen-4-3-beta-1-now-available/. You can find a full...

Today we’re excited to announce the availability of the second beta of Oxygen 4.3. Oxygen 4.3 introduces a new accessibility focused menu element called Site Navigation. Site Navigation Tweaks Under Icons > Mobile Open Icon and Mobile Close Icon, you’ll now find a “CSS” option. This allows you to use a CSS icon instead of an SVG. For the Mob...

In this tutorial, we’ll use the native WordPress Password Protection in Oxygen to hide or show content on pages or templates. We’ll begin by installing a code snippets plugin on our site, and add a custom condition for Oxygen via Oxygen’s Conditions API. Then, we’ll add a Div element to our page or template and use our newly created condition t...

Today we’re excited to announce the availability of the first beta of Oxygen 4.3. Oxygen 4.3 introduces a new accessibility focused menu element called Site Navigation. Site Navigation Element The Site Navigation element was built from the ground up with accessibility in mind. All of the appropriate semantic markup, aria attributes, and functionality are include...

Oxygen 4.2 introduces unit auto-completion when typing in fields with multiple units available, and the ability to unwrap Code Block PHP & HTML. You can learn more about these new features and changes in the alpha blog post at: https://oxygenbuilder.com/2022/11/14/oxygen-4-2-alpha-1-now-available/. There were no changes between the beta and the release candidate....

In this WordPress tutorial, we’re creating a sticky timeline effect using Oxygen. We’ll start by creating several classes specific to the timeline, that we’ll use to design our timeline cards and other various timeline parts. Within each of these classes we’ll use several CSS properties, such as pseudo-classes, gap, negative-margin, and z-index...

Oxygen has been sold with an unlimited site, lifetime license since its release in 2016. Sometime later this year or next year, we will switch to an annual license. We may or may not make another announcement before actually making the switch, so this might be your last warning. This will have no effect on existing customers. All lifetime licenses will continue to be ...