Category: Tips and tricks

Short tips and tricks for working effectively in Oxygen. Find out what is not obvious and this will allow you to speed up the workflow. A couple of clicks, a small code or snippet, and your seemingly insoluble problem has already been solved!

Eva Icons — 480 beautifully crafted free icons set for Oxygen

Continuing the conversation about SVG icons, today I would like to present you with an excellent set of icons that I have prepared for uploading to Oxygen. Meet Eva Icons! Download a ready-made set...
Read More

Enable for native Lazy Loading Images for the Image element in Oxygen

The loading="lazy" attribute allows the browser to delay loading the content of <img> elements that are outside the visible area of the page until the user scrolls down the page and gets close...
Read More

How to add margin to the Section element in Oxygen?

The Oxygen Section element by default does not have options for setting margins. But you can easily add margin in the Section settings in the Advanced > Custom CSS tab. If you need to set up a...
Read More

How to show the first few thumbnails and hide the rest in the Oxygen Gallery?

Suppose you have a task to create a gallery that displays only three thumbnails, and when you open full-size images in a lightbox, you should be able to view the entire gallery of 10 images. To do...
Read More

6 Steps to Successful Oxygen Site Migration

In this article, I want to share my personal experience on the successful migration of Oxygen sites. Also, these steps can be applied when upgrading Oxygen. I will not go into detail about migration...
Read More

How to disable Animate On Scroll for a mobile viewport in Oxygen

Sometimes it is necessary to animate an element while scrolling only on the desktop. There are two ways to disable animation on scroll for smaller breakpoints in Oxygen. 1. Global setting to disable...
Read More

Elements are not visible in the Oxygen editor when using animate on scroll

When setting up animation effects, sometimes you may come across a situation that animated elements are not visible in the Oxygen editor. Usually, you just need to refresh the page or re-select the...
Read More

Phosphor — free Icons Set for Oxygen

I accidentally found another set of interesting icons on the net called Phosphor, which includes about 600 icons (MIT License) and I prepared them for uploading into Oxygen. You can check the full...
Read More

How to hide email address from spam bots in Oxygen?

WordPress has an excellent native anti-spam function that converts email addresses characters to HTML entities to block spam bots - antispambot() (read more about this function). We can easily apply...
Read More