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!

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

Toggle in Oxygen: how to initially close all toggles on smaller screen sizes

Sometimes a situation may arise when you need one Toggle element on the desktop to be initially open, while on smaller screens it is necessary that all toggles are closed. A simple javascript code...
Read More

Free Bootstrap Icons Set for Oxygen

I recently discovered a great new set of free icons from Bootstrap. There are more than 500 icons in the set (MIT License) and I prepared them for upload to Oxygen. You can check the full list of...
Read More

How to temporarily hide any element inside the Oxygen editor?

There are situations when you need to temporarily hide a certain element (or several elements) only inside the Oxygen editor so that these elements are still displayed on the frontend. It can be any...
Read More