Tutorials

Tutorials

Most of the articles on this page contain a YouTube video if you'd prefer to watch or the bullet point notes summary if you'd like to just read about it. 
Easy Custom CSS Animations in Oxygen

Learn how to easily create custom CSS animations for buttons, links, and more in Oxygen Builder. Learn more about my Oxygen Builder course here: https://permaslug.com/ultimate-oxygen-course/ Links used in video: https://ianlunn.github.io/Hover/ https://github.com/IanLunn/Hover/blob/master/css/hover.css Join the Facebook group for WordPress Professionals: https://www.facebook.com/groups/permaslugpros/ --Connect with me!-- Facebook: https://www.facebook.com/permaslug Twitter: https://twitter.com/permaslug

Read More
Custom Drop Down Menu in Oxygen Using OxyPowerPack

Create your own drop down menus in Oxygen super easily with the help of OxyPowerPack. This is amazing because you can put anything inside your drop down thanks to the fact that it's essentially just a div. This plugin does so much and this is just barely scratching the surface. Learn more about my Oxygen […]

Read More
Remove Slug From CPT URL in WordPress

Curious how to remove the slug of a custom post type in WordPress? If you're using CPT UI, there's an option called With Front but that doesn't always seem to work. Follow this tutorial video, add these two simple functions and the slug will be removed from your custom post type URL. Code used in […]

Read More
Oxygen Won't Update Fix - Oxygen Builder for WordPress

This simple video will show you how to fix the "Download Failed. Unauthorized" message you might get when trying to update Oxygen Builder for WordPress. Learn more about my Oxygen Builder course here: https://permaslug.com/ultimate-oxygen-course Join the Facebook group for WordPress Professionals: https://www.facebook.com/groups/permaslugpros/ --Connect with me!-- Facebook: https://www.facebook.com/permaslug Twitter: https://twitter.com/permaslug

Read More
Fix white space on right side on mobile in Oxygen

Finding yourself with white space on the right side of your Oxygen page on mobile devices? The best way to do this is in Chrome, right click on your page and choose Inspect. In the upper right, click the "Toggle Device Toolbar" button to show mobile responsive views. Choose something like iPhone 6/7/8. Scroll down […]

Read More
Fix image stretch in Oxygen

Sometimes you'll add an image from the WordPress content editor and on the front end of your Oxygen website, it will stretch too tall and become distorted or too wide and extend off the screen. This is a simple fix. Inside Oxygen, go to Settings > Stylesheets > and either add a new stylesheet or […]

Read More
How to center center image in Oxygen

In Oxygen, it's not immediately clear how you might center a background image vertically and horizontally. This is super easy to achieve. When you have an element like a section or a Div selected, go to Advanced > Background and scroll down until you see Left and Top. The little blue text that says "px" […]

Read More
Resign Shortcodes - What Is It and When to Do It

What is Shortcode Signing in Oxygen Shortcodes play an integral role in WordPress and Oxygen is no exception. When developing in Oxygen, your changes are stored in shortcodes and then rendered on the front end into HTML, CSS, etc when the page loads on the front end. Oxygen's code block element allows you to run […]

Read More
Create Real Estate Website Using FacetWP and Oxygen in WordPress

In this video I'll show you how to create a real estate listing website in WordPress and use FacetWP to filter the results. We'll design the site using Oxygen builder for WordPress. Learn more about my Oxygen Builder course here: https://permaslug.com/ultimate-oxygen-course Join the Facebook group for WordPress Professionals: https://www.facebook.com/groups/permaslugpros/ --Connect with me!-- Facebook: https://www.facebook.com/permaslug Twitter: […]

Read More
1 2 3 5
sign-inuser-plusmenu-circle linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram