In this video, see how to easily create a Vue app using a Code Block element in Oxygen. Code used in the  video: HTML: https://gist.github.com/Spellhammer/c8f41deb1103c953e63f85a8b035d792 JS: https://gist.github.com/Spellhammer/55c67235fa7f5a7234f6ed4d90858c89   ...

In this video, see how to use an ACF bi-directional relationship field using a Repeater or an Easy Posts element in Oxygen.

This video explains how templating works in Oxygen. Learn how to set up your template structure, use template hierarchy and how to inherit templates. From Catch All templates containing your header and footer that can be applied site-wide, to single post templates that can be applied to specific post types, archive templates that can be applied to post type archives &...

In this video, see how to create a simple filter using jQuery in a Code Block that can be used with Oxygen’s Easy Posts or Repeater element. The posts will be filtered as you type in the filter box or click on a category. Code from the video: HTML: https://gist.github.com/Spellhammer/614cf4f8f9b2123fa445a3cae8ea784a CSS: https://gist.github.com/Spellhammer/5a15d...

If you’re new to Oxygen and/or responsive design, this crash course will help you start thinking in a new way.

Get to grips with REM and Clamp units, start using CSS Grid, see the power of classes, stylesheets and media queries, and troubleshoot issues using Developer Tools in your browser.

In this video, follow along with Elijah and see how to easily create a search form using a Modal that animates in from the top of the page. Using a couple of lines of JS, the search text box can automatically take focus so that the cursor is automatically in the correct place to begin typing your search term.

In this video, see how to easily add a custom cursor to your site using Oxygen.

In this video, see how to easily create a responsive Gallery using Oxygen’s Gallery element and CSS Grid.

In this video, see how to easily add a custom Condition to Oxygen that can be used to show a popup on the WooCommerce thank you page. Code to create the custom Condition: https://gist.github.com/Spellhammer/a368fd438c2d3bbf3d44ac845f14b06e. ...

In this video, see how to recreate the tabs element from the Elegant Themes site using Oxygen. You can get the code used in the video below. HTML: https://gist.github.com/Spellhammer/6f4a69e289efdbf71e9f6a5e2d00c4cf JS: https://gist.github.com/Spellhammer/f79575d1f50590ebce619a2a38f8b18f CSS: https://gist.github.com/Spellhammer/0b088c2a298466dad9e834acd317e8b0 ...