Published on May 31, 2020
Tutorial: How To Make A Search Icon With Animated Field Reveal In Oxygen
Phe
In this tutorial, follow along with Elijah as he creates a search field that is revealed when the search icon is hovered.
Updates
News and product updates from the Oxygen team.
Published on May 17, 2020
Tutorial: How To Use fullPage.js With Oxygen
Phe
Follow along with Elijah as he creates a full-page scrolling site using fullPage.js with Oxygen.
fullPage.js: https://alvarotrigo.com/fullPage/
SVG Backgrounds: https://www.svgbackgrounds.com/
Code Block HTML: https://gist.github.com/Spellhammer/2330a63dd76f54652157a6c04dd1671c
Code Block CSS: https://gist.github.com/Spellhammer/ddbd46ebdb84d81b7ab97a96cf82500a
Code ...
Published on May 3, 2020
Tutorial: How To Easily Migrate Your Oxygen Site
Phe
In this tutorial, Elijah shows you how to easily migrate your site between environments using the All-in-One WP Migration plugin. The process is relatively straightforward, although you may need additional add-ons from the All-in-One WP Migration team if your site is large, or if you wish to utilise off-site storage.
Once your site has imported to the new environment,...
Published on April 19, 2020
Tutorial: How To Make Scroll Activated Animated Progress Bars In WordPress With Oxygen
Phe
In this tutorial, Elijah shows you how to use Oxygen’s elements to create progress bars that animate as you scroll down the page.
Published on April 5, 2020
Tutorial: Fastest Way To Create A WordPress Website From The Ground Up In 2020
Phe
In this tutorial, learn the importance of domain names and hosting when creating your new site. See how to install WordPress and how to quickly build a site using items from Oxygen’s design library.
Published on March 8, 2020
Tutorial: Creating An Animated Icon Button In WordPress With Oxygen
Phe
In this tutorial, Jonathan shows you how to create an animated icon button using Oxygen’s Link Wrapper, Text and Icon elements. A transform effect is then added so that the icon animates when the button is hovered.
Published on February 23, 2020
Tutorial: Building A Lightbox With Oxygen’s Modal Element
Phe
In this tutorial, you’ll learn how to create a lightbox popup when clicking an image in Oxygen.
Oxygen’s Code Block element can add powerful features to your designs. Elijah shows you how to use the Code Block element to add some jQuery that allows Oxygen’s Modal element to show the image and image caption for the image that has been clicked.
Oxygen...
Published on February 9, 2020
Tutorial: Fancy Styles For Google Maps In WordPress With Oxygen
Phe
In this video, learn how to implement some fancy styles for the Google Maps element in Oxygen.
Published on January 26, 2020
Tutorial: How to Add Infinite Scroll To Your Posts List In WordPress With Oxygen
Phe
In this video, learn how to implement a “load more” button or infinite scroll for your post lists in Oxygen.
Published on January 12, 2020
Tutorial: How To Build Your Own Gutenberg Blocks Using Oxygen
Phe
In this tutorial, learn how to build your own Gutenberg blocks using Oxygen.