-
Remove Gutenberg Block Library CSS in WordPress
Remove the Gutenberg block library CSS and global styles from the WordPress front end on classic sites, with a config for what to keep.
Category: WordPress -
EDD Restricted content. Present excerpt instead of content
This can be placed in Oxygen code block or you can make it as short-code. It will display excerpt if user is not logged in or didn’t purchased specific product. Replace XXXXX with your product ID on line 9
Category: EDD -
Add a Copy to Clipboard Button to WordPress Code Blocks
Add a Copy button to every code block on your WordPress site with plain CSS and JavaScript: Clipboard API, http fallback, keyboard accessible.
Category: WordPress -
Oxygen Hook. Add code after body is opened
Oxygen does not support WordPress wp_body_open() and if you need to integrate Google Tag manager it requires two code parts. 1st part is Inside Head and 2nd is inside Body. Lucky Oxygen provides hook that is called: ct_before_builder. If you are using Scripts Organizer , Code Snippets or any other functionality plugins this script will…
-
Iconoir. Free Icons set for Oxygen Builder
Iconoir is one of the biggest open source libraries with currently 1007 SVG Icons. Really nice designed outline icons set done by Luca Burgio. Original Icons are exported as outlines. I have converted outline to fill and used IcoMoon App to make it as icon set ready for Oxygen. Download them and enjoy! Thanks to…
Category: Oxygen -
Size an Element on Load and Resize in WordPress
Run JavaScript once on page load and again on every resize in WordPress, throttled to one run per frame and without jQuery.
Category: JavaScript -
Fade In Headings with GSAP in WordPress
Fade in WordPress headings and other elements with GSAP autoAlpha, loaded from a pinned CDN, visible without JavaScript and with reduced motion.
Category: GSAP -
Add Order Numbers to Items in WordPress With CSS
Number cards, columns or any repeated items in WordPress automatically with a CSS counter: add one class to the block, no jQuery needed.
Category: CSS -
Add a Class to an Element on Scroll in WordPress
Add a class to any WordPress element after the visitor scrolls a set number of pixels, with plain JavaScript and no jQuery.
Category: JavaScript -
Keep Scroll Position on Reload in WordPress
Reload a WordPress page and land at the same scroll position, handy while you style sections below the fold or preview Scripts Organizer changes.
Category: JavaScriptTags: Tips -
Scroll Progress Bar in Oxygen under 2 minutes
This technique requests Scripts Manager feature by Swiss Knife or Scripts Organizer to quickly import a script. Register Script We will start by going into Script Manager feature and paste CDN link or Upload it to media library to store it on our server. Give it a name, Script Type set as JavaScript, Location for…
Category: WordPress -
Add Dropdown Pages Links to WordPress Admin Bar
Add a Pages dropdown to the WordPress admin bar with an edit link for every page, shown only to users who can edit pages.
Category: WordPress -
Live Reload in WordPress with Scripts Organizer
Reload the WordPress front end automatically when you save a Scripts Organizer code block. Admins only, visible tab only, no fixed-timer reloads.
Category: WordPressTags: Tips -
WordPress YouTube Shortcode That Loads Video on Click
A WordPress YouTube shortcode that shows a thumbnail and loads the privacy-friendly youtube-nocookie player only when the visitor clicks play.
Category: WordPress -
Get Oxygen Global colors as CSS Variables
If you want to write external CSS the easiest way to sync the global colors between the oxygen and an external CSS is through the variables. You will need to get all variables into the header under the root. The output should look like this:
Category: Oxygen -
Show Post, Page and CPT IDs in WordPress Admin Columns
Add an ID column to the WordPress admin lists of posts, pages and custom post types, so you never open a post just to find its ID.
Category: WordPressTags: WP Admin -
Oxygen Templates List in WP-Admin top bar
Accessing Oxygens Builder templates list always needs several clicks. WordPress Admin top bar is always there and easily accessible. If you don’t have too many things in the top bar this code will be perfect for you. With this code, you will get an entire list of your Oxygen templates. No styling is required as…
Category: Oxygen -
Add a Custom Link to the WordPress Admin Bar
Add one custom link to the WordPress admin bar, shown only to users who can open it, with an optional highlight colour in wp-admin and on the front end.
Category: WordPress
3rd party plugins actions admin admin bar archive block-themes block editor Blocks block theme build caching capabilities core CSS custom post types development filters gutenberg hook hooks Image img javascript load styles maintenance media Must Have npm Oxygen performance php plugins rest api scripts organizer security single product tailwind theme.json Tips transients updates WooCommerce wordpress wp-cli WP Admin