Today, we’re releasing four new elements for the Composite Elements library. Video Playlist View Demo Inspired by our very own tutorials layout, the Video Playlist allows you to display a clickable list of YouTube videos. Performance wise, this element’s impact is minimal, because it uses a single iframe and swaps the videos out when the video titles are c...

You can adjust the look of entire sections on your site just by adding one CSS class to the parent element. Check out this video to learn how to use CSS variables with Oxygen. CSS tricks have some good information on CSS variables: https://css-tricks.com/a-complete-guide-to-custom-properties/. ...

In this video, learn how to create a horizontally scrolling list of post cards. Each card is clickable to take you to the full post, and on hover, the card expands to display the full card. Inspired by CSS tricks: https://css-tricks.com/. Box Shadow generator: https://shadows.brumm.af/. ...

Today we’re proud to announce the availability of the first beta of Oxygen 4.0 and Oxygen WooCommerce 2.0. Oxygen 4.0 introduces an overhauled builder UI, PHP 8.0 support, a fix for duplicated Repeater ids, and a ton of other enhancements, bug fixes, and tweaks. You can learn more about the changes made in Oxygen 4.0 and Oxygen WooCommerce 2.0 in the alpha relea...

Would you like to easily create a responsive, dynamic image accordion? See how easy it can be by following along with the video tutorial below! This tutorial is inspired by Supa Mike at Oxygen4Fun: https://oxygen4fun.supadezign.com/tutorials/how-to-create-a-responsive-image-accordion/, as well as a CodePen by Zed Dash: https://codepen.io/z-/pen/OBPJKK. Code from the ...

Today we’re excited to announce the availability of the second alpha of Oxygen 4.0. Oxygen 4.0 includes multiple major changes to Oxygen, including a UI overhaul, a fix for duplicated Repeater IDs, and a change to the way Oxygen stores its designs. Because of the nature and gravity of these changes, it’s necessary to introduce a second alpha into our relea...

An infinitely looping logo slider is a common need on many WordPress websites. These elements are especially helpful in building trust with your visitor by showcasing clients you’ve worked with previously. In this video, learn how to add this super effective element to your site with absolutely no JavaScript. This slider uses only the power of CSS animations and...

Today we’re excited to announce the availability of the first alpha of Oxygen 4.0 and Oxygen WooCommerce 2.0. Oxygen 4.0 includes multiple major changes to Oxygen, including a UI overhaul, a fix for duplicated Repeater IDs, and a change to the way Oxygen stores its designs. Because of the number of CSS changes to the builder UI, you may need to ensure you clear ...

In this video, see how to create a new element using Oxygen’s Elements API. This is a code-focused tutorial, using HTML, CSS, and PHP. Since Oxygen’s API is not yet publicly documented, this video will act as a quick guide on getting started developing elements for Oxygen. Boilerplate plugin: https://github.com/Spellhammer/example-oxygen-api-plugin ...

This tutorial video demonstrates how to use Oxygen’s Advanced Query builder, which allows you to create queries based on WP_QUERY parameters and dynamic data. Advanced Query can be used in conjunction with Oxygen’s Repeater and Easy Post elements. You can learn about WP_Query on the Bill Erickson site: https://www.billerickson.net/code/wp_query-arguments/ ...