-
Load Scripts Organizer CSS/SCSS inside Gutenberg editor
Load the CSS of Scripts Organizer CSS or SCSS code blocks into the WordPress Gutenberg editor, so the editor canvas matches your site.
-
Custom Dashboard with Metabox
Great tutorial from John Aperture on how to create Admin Dashboard with Bricks and Metabox inspired by our previous tutorial Custom Dashboard with Visual Builders.
Category: MetaBox -
Replace the WordPress Dashboard With a Custom Page
Replace the WordPress admin dashboard with a page you built in Gutenberg, Bricks, Oxygen or Elementor, shown full width next to the admin menu.
Category: WordPress -
Style Oxygen Menu Element with Tailwind
Video Tutorial Basic oxygen structure with:div.container > list wrapper (with image inside) + menu element Front end preview Front end preview for mobile
-
Add a CSS Class to wp_nav_menu Links in WordPress
Add CSS classes, including Tailwind classes, to the links of a WordPress wp_nav_menu() with one extra argument, without replacing existing classes.
-
Enable Winden with conditions
Are working on the online shop or live website? Is always pain to migrate customers? You want to migrate page by page and not to redo entire website at once? In scenario where you have existing website and want to partially rebuild it and migrate to tailwind we are offering option to enable Winden only…
Category: Tailwind -
Show Reading Time in WordPress Without a Plugin
Show the estimated reading time of a WordPress post in your theme without a plugin: 200 words per minute plus time for images.
Category: WooCommerce -
Dequeue Gutenberg Block Inline Styles in WordPress
Remove the inline CSS WordPress prints for single Gutenberg blocks, like wp-block-group-inline-css, and keep the rest of the block styles.
Category: WordPress -
Toggle Between Two Elements in WordPress With a Button
Toggle between two elements in WordPress: one button switches between two content panels, for example monthly and yearly prices. No jQuery.
Category: JavaScript -
Tailwind Fluid Type Calculator for WordPress
A WordPress preview page for Tailwind fluid typography: every fluid-text class with its name and its real px size at the current screen width.
Category: Tailwind -
Dequeue Oxygen CSS
If you are importing frameworks such as Bootstrap, Tailwind CSS, Bulma, Materialize … you may not want that Oxygen Builder defaults overwrite some of frameworks styles. Thats why we offering solution do remove Oxygen CSS. Keep in mind that if you disable Oxygen CSS non of Oxygen CSS’s will be added on the website: Oxygen…
Category: OxygenTags: CSS -
Remove Gutenberg Duotone Filter
This is nice feature but in most of the cases you will not want to have it so the clients do not go off brand and mess up with styling. Also its loading on front end so it’s extra load.
Category: WordPress -
Preview the Tailwind Type Scale in WordPress
Preview your Tailwind type scale on a WordPress page: every text-* class with its class name and the real font size in px and rem.
Category: Tailwind -
Show the Screen Width in WordPress for Logged-in Users
Show the current screen width in a corner of your WordPress front end while you are logged in, to check breakpoints. Visitors never get the code.
Category: JavaScript -
Element color background in repeater with ACF
Create ACF field group and assign it to posts. Create field label and name it color and choose field type Color picker. Assign color to each post Create a repeater in Oxygen builder Select first child of Repeater Add class to that element “data-color-bg” Go to advanced > attributes > Add attribute. First field needs…
-
Add a Script After the Opening Body Tag in WordPress
Print Google Tag Manager or any other script right after the opening body tag in WordPress with the wp_body_open hook, no theme edits.
Category: WordPress -
Shrink the Header Logo on Scroll in WordPress
Shrink the WordPress header logo when the visitor scrolls, with a small plain JavaScript class toggle and a CSS transition. No jQuery.
Category: JavaScript -
Free WordPress Cookie Consent with Scripts Organizer
This is taken form Facebook conversation in the Official Oxygen Builder group. Follow up on the conversation.
-
Hide Oxygen Composite Elements
if you do not use it. Keep add elements sidebar clean. Solution to hide If you are using Scripts Organizer download code snippet Solution to Disabled Thanks to Suppa Mike for providing second solution.
Category: OxygenTags: composite elemenets -
Hide cookie banner for a year
Use JavaScript to hide element for one year. It’s perfect for banners such as cookie. You can easily change parameters and change it from 365 days to what ever you need. Your element need to have class of “element-dismiss” and you need to place button element inside
Category: JavaScript
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