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

Today we’re proud to announce the availability of the second release candidate of Oxygen 3.9. Oxygen 3.9 RC 2 fixes a few last minute issues discovered during testing of the first release candidate. Check the end of this post for a full changelog. Existing users can download Oxygen 3.9 RC 2 in the customer portal. Before using a release candidate in a production...