The Worlds Most Powerful
WordPress Builder

If you Purchased & Registered a Slider Revolution License you can comfortably upgrade version 5.x to 6.0 from your WordPress Dashboard.

Why Activate Slider Revolution?

Activating Slider Revolution with your Personal Purchas Code will unlock all available Features.

Easy Live Updates
Personal License Key
200+ Template Library
1000+ Object Library
25+ Amazing Add-Ons
1on1 Ticket Support

*Regular License from $26. One License Key required per Domain.

Slider Revolution 6.0 NOW available!

Make advanced adjustments with Custom CSS/JavaScript

  1. Custom CSS
  2. Custom JavaScript

1. Custom CSS

Quick Tip #1

For Navigation style editing, view this article instead.

From the plugin’s main admin page, select “Edit Skin” from any existing Grid.

Next, select “CSS Editor” from the top-right side of the page.

Add new Custom CSS, or edit the existing Custom CSS styles that belong to some of the skins.

Quick Tip

Certain Item Skins include Custom CSS. Click here to learn how you can carry this Custom CSS over to your duplicated skins.

2. Custom JavaScript for advanced users

Visit your Grid’s “API/JavaScript” tab to add custom script for your grids.

Listen for when the Grid has loaded:

// wait until Grid has officially loaded
var gridLoaded = setInterval(function() {
 
    // essapi_1 = current grid’s API Name
    if(essapi_1.is(‘:visible’)) {
 
        clearInterval(gridLoaded);
        // execute additional script now
 
    }
 
}, 500);

Adjust Default Lightbox Settings:

jQuery.extend(jQuery.esgbox.defaults, {
 
    width       : 1280,
    height      : 720,
    aspectRatio : true
 
});

Popular Solutions