Thursday, February 10, 2022

Update WordPress database URL after manual migration

WordPress Custom Code

Run this SQL commands in database and do not forget to change the database prefix to your one. Do this on your own risk. You can also try to run this without / at the end of URL's. After you successfully run this SQL commands,…

Read More

Wednesday, February 09, 2022

How to use Highlight.js with WordPress and share your code

WordPress Custom Code Oxygen Builder

Would you like to use Highlighter for sharing your custom code in articles created in Gutenberg editor? No need to install plugins. Just use the Highlight.js library. This library will highlight everything between <pre><code>YOUR CODE</code></pre>. I was using Google highlighter in the past, but since…

Read More

Tuesday, February 08, 2022

Free Cookie Consent in WordPress with Tag Manager Consent Mode

WordPress Advanced Scripts Custom Code Oxygen Builder

This tutorial is created for all people who try to set up their EU cookie consent with WordPress website (and with Oxygen builder). I am using open source projects from Orest Bida - Send hype to this boy!! This tutorial will show how to prepare…

Read More

Friday, February 04, 2022

Open and close OxyExtras lightbox when element clicked or hash in URL

WordPress Custom Code Oxygen Builder

Thanks to the OxyExtras support, we can use custom elements to open and close their lightbox element. You just need to add the code below to the code block and add CSS classes. Opening element: .open-lightbox Closing element: .close-lightbox jQuery(document).ready(function($) { let openSelector = '.open-lightbox';…

Read More

Tuesday, January 25, 2022

WP Rocket lazy load iframes fix for Oxygen builder

WordPress Custom Code Oxygen Builder Plugins WP Rocket

If you use the WP Rocket cache and it's lazyloading for iframes/videos, you can encounter strange padding bottom on Oxygen Builder Video element. To fix it, you need to set padding-bottom unset according to WP Rocket support. Setting up the WP Rocket is easy: To…

Read More

Thursday, January 13, 2022

How to Enable Page Excerpt in WordPress

WordPress Advanced Scripts Custom Code

Page Excerpt is disabled by default in WordPress post type Page. Excerpts are enabled for WordPress Posts, but I am not sure, why not for Pages. So, if you need to use the Excerpt in WordPress Pages, you must add the functionality with the WordPress…

Read More

Wednesday, January 12, 2022

Oxygen two columns WooCommerce Cart

WooCommerce Custom Code Oxygen Builder WordPress

If you want better user experience with your WooCommerce store, you may need Two columns WooCommerce checkout. But maybe, you would like to offer this experience also in the Cart. If you want two columns WooCommerce cart, use the CSS code below in your Custom…

Read More

Tuesday, January 04, 2022

Automatically change text color by content of pricing table

WordPress Custom Code

Imagine you are creating a pricing table with two or more text options like: Yes No Special You want user to have a fine experience when adding the pricing table. So you want each option to have special color without forcing user to add some…

Read More

Tuesday, September 28, 2021

Dequeue WooCommerce JS and CSS

WordPress Custom Code Plugins WooCommerce

If you do not use default WooCommerce Photoswipe lightbox, flexslider and other libraries, you can dequeue them for faster loading of your site. I am doing that especially when I use the Oxygen Builder because in most times I build my own product galleries with…

Read More

Monday, September 20, 2021

Translate Step status in multistep Fluent Form

Plugins Custom Code Fluent Forms WordPress

If you need to translate the "Step 1 of xx" in fluent forms, you can use this filter to do that. Just put it in your code snippets plugin (for example Advanced scripts) and change the 'Step' and 'of' to needed words. If you use…

Read More

Tuesday, September 14, 2021

How to set scroll to the top with jQuery on click button

Custom Code

Create a button and set an ID to it. Then change the #submitButton in code below to your button ID and save. In Oxygen Builder, you can use a code block for this Javascript.

Read More

Tuesday, July 20, 2021

How to use Infinite Scroll in Repeater element of Oxygen Builder

WordPress Custom Code Oxygen Builder

If you want to use the "Load more" button when using repeater, you can do that with .JS library called "Infinite Scroll". Load Infinite Scroll script from CDN (I am using Advanced Scripts again). For a speed purposes - use conditions to make it load…

Read More

Tuesday, July 20, 2021

Oxygen Repeater Pagination not working on homepage

WordPress Custom Code Oxygen Builder

When you use repeater on static front-page of your WordPress site and you also wants to use pagination - it doesn't work at all. It stops at /page/2 and never display /page/3. It still repeat the second page. However - it looks like Oxygen bug,…

Read More

Friday, July 16, 2021

Oxygen Front-end styles in Gutenberg

WordPress Custom Code Oxygen Builder

You may want to display the content when editing in Gutenberg editor with your frontend Oxygen Styles included. It is possible with But the challenge is that Oxygen is creating CSS files for all your Custom Stylesheets you made inside the editor. So you propably…

Read More

Saturday, July 10, 2021

ACF Masonry Left to right ordered Gallery in Oxygen Builder /w Colcade

WordPress Custom Code Oxygen Builder

Would you like to use ACF masonry gallery with left to right flow of images? Good, let's do that! But at first, why not to use standard Gallery module in Oxygen Builder? The problem with Oxygen Masonry gallery The main problem is ordering of images.…

Read More