The Oxygen slider element is a great easy to use tool for creating a simple slider. You can add any content to a slide but you will run into problems if you try to animate text independently from the rest of the slide. So here is an example of what we are trying to achieve […]
Recently I was asked by a customer of mine if I could set up an area that was only available to their clients for viewing training videos and other sensitive content for their clients eyes only. Basically they wanted a simple way that they could just manually add a user and allow that user to […]
Oxygen Builder and Advanced Custom Fields is a great combination that allows you to create any type of content you like and display it beautifully. Unfortunately by default WordPress will sort your custom posts according to the published date in reverse chronological order. But what if you don't want them sorted by published date and […]
Have you ever created a smooth scroll to anchor id in Oxygen Builder and had some of the content hidden behind the header? Well this tutorial will demonstrate how to create an offset on the anchor to compensate for the sticky header. With Oxygen Builder, it is a simple process to be able to get […]
The over all effect we are looking for is a semi opaque overlay with a centred Font Awesome icon on hover similar to the image below. How do we accomplish this in Oxygen builder? The first thing we need to do is make the required Font Awesome icon available for use in the front end […]
Oxygen Builder is a great page builder but sometimes other plugins don't play very well with it. I ran into problems with WPC Fly Cart which is an excellent plugin for displaying a mini cart for WooCommerce. No matter what I did I couldn't get the cart icon to display after the menu by using the default method, that of selecting the menu you want to apply it to in the settings.
In this tutorial I will show you a step by step guide on how to add a font awesome icon to a button object in Oxygen Builder using the CSS pseudo-element :before. As a matter of fact this procedure can be used to add icon fonts from other collections as well as we will be […]
