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.
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...
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...
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...
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...
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...
Toggle in Oxygen: how to initially close all toggles on smaller screen sizes
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...
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...