Global Settings Panel

• Global Settings Panel
  • Save Global Settings
• General Tab
  • Permission & Language Section
  • Slider Revolution JS Libraries Section
  • Editor Behavior Section
• Breakpoints Tab
  • Default Responsive Breakpoints Section
• Fonts Tab
  • Font Loading and Caching Section
  • Google Fonts Loading URL Section
  • Custom Fonts Section
• Brand Kit Tab
  • Brand Colors Section
  • Brand Fonts Section
• Optimization Tab
  • Module Optimization & Loading Section
  • PageSpeed Measurement Section
  • Image Optimization Section
• System Tab
  • WordPress Integration Section
  • Privacy & GDPR Settings Section
  • Content Caching Section
  • Database Health & Repair Section

Global Settings Panel

The Global Settings panel is accessed by going to the Plugin Dashboard, then the Top Bar, then clicking the Settings button.

In the Global Settings panel you can configure plugin-wide defaults that affect all modules, unless overridden inside a module.

Save Global Settings (Button)

After making changes in the Global Settings panel, click the Save Global Settings button to save your changes. The button is available in the bottom right corner of any tab ¹.

General Tab

In the General tab handle permissions & language, JS library loading, alignment & snapping tools for the Module Editor, and the trash for deleted modules.

Permission & Language Section

In the Permissions & Language section configure editing permissions, the editing language, and whether you would like to share usage analytics.

Editing Permission (Dropdown)

Set the level of WordPress permission required to edit modules.

Options:

• _Admin: Only users with "Admin" permission can edit modules.
• _{Editor, Admin}: Users with "Editor" or "Admin" permission can edit modules.
• _{Author, Editor, Admin}: Users with "Author", "Editor" or "Admin" permission can edit modules.

Editing Language (Dropdown)

Set the language used in the Slider Revolution interface.

Options:

• _Default: Uses whatever language is set as the WordPress "Site Language".
• _German: Set the interface to use German language.
• _English: Set the interface to use English language.
• _French: Set the interface to use French language.
• _Chinese: Set the interface to use Chinese language.

Share Slider Revolution Usage Analytics (Toggle)

Opt in to sharing usage analytics to assist us in continually improving Slider Revolution.

Options:

• _On: Share usage analytics.
• _Off: Do not share usage analytics.

Slider Revolution JS Libraries Section

In the Slider Revolution JS Libraries section control where and how JavaScript libraries are loaded.

Load JS Libraries Globally (Toggle)

Set whether to load Slider Revolution JS libraries everywhere on the site, or only on specified pages.

Options:

• _On: SR JS libraries load everywhere on the site.
• _Off: Shows the Pages to Load SR JS Libraries setting. SR JS libraries only load where specified in that setting.

Pages to Load SR JS Libraries (Multi-select)

When not loading SR JS libraries globally, specify where to load them. By default loads in All Pages With SR.

To add other loading locations click to expand the setting, enter a comma separated list of page/post IDs in the Add Page Id field ¹ then click the + button ².

Check or uncheck the box to the left of each location as required to load JS libraries where you wish.

Editor Behavior Section

In the Editor Behavior section configure assistants for alignment and snapping in the Module Editor, and set whether deleted modules are kept in a trash.

Enable Align Guide Lines (Toggle)

Set whether to show alignment guides on the Stage of the Module Editor when dragging a layer and its edges approach alignment targets.

Alignment targets include the Stage center or middle, and the edges/center/middle of other layers.

Options:

• _On: Show align guide lines.
• _Off: Do not show align guide lines

Align Threshold (Number, range)

Set how close a layer's edge must be to an alignment target before an align guide line appears.

Options:

• ₅: Minimum. Layer edge must be 5 pixels or less away from an alignment target before a guide line appears.
• ₅₀: Maximum. Layer edge must be 50 pixels or less away from an alignment target before a guide line appears.

Allow Align Position Snap (Toggle)

Set whether layers should snap into position when their edge nears an alignment target.

Options:

• _On: When the layer's edge nears an alignment target, the layer position snaps such that the edge aligns with the target.
• _Off: When the layer's edge nears an alignment target its position does not change.

Snap Threshold (Number, range)

If Allow Align Position Snap is toggled On, set how close a layer's edge must be to an alignment target before position snapping occurs.

Options:

• ₅: Minimum. Layer edge must be 5 pixels or less away from an alignment target before position snapping occurs.
• ₅₀: Maximum. Layer edge must be 50 pixels or less away from an alignment target before position snapping occurs.

Show Equal Spacing Guides (Toggle)

Set whether to display guides showing the pixel gap between layers as you position a layer on the Stage.

Options:

• _On: Display spacing guides and their pixel gap measurements while positioning a layer.
• _Off: Do not display spacing guides while positioning a layer.

Keep Deleted Modules (Toggle)

Set whether a deleted module is kept in a trash for a time, or removed immediately. The default is On.

With the trash on, a deleted module goes to the Trash window, opened from the Trash button in the Modules section, where it can be restored or deleted permanently. A module in the trash does not appear in the Modules section, in the module lists of the shortcode or block pickers, or on the front end.

Options:

• _On: Deleted modules are kept in the trash for the number of days set in Max Days.
• _Off: Deleted modules are removed immediately, with no trash.

Max Days (Number, range)

Set how many days a module stays in the trash before it is removed automatically. The default is 30.

Modules past their time are removed when the Modules section is next opened.

Options:

• ₁: Minimum. A module is removed after one day in the trash.
• ₂₀₀: Maximum. A module is removed after 200 days in the trash.

Breakpoints Tab

In the Breakpoints tab, set the widths at which module layouts should switch to different device sizes.

Default Responsive Breakpoints Section

In the Default Responsive Breakpoints section set the width for each of the five device layouts, and whether the widths count the scrollbar.

Wide Screen Breakpoint (Number, pixels, range)

Set the viewport width at which the Wide Screen layout will be activated.

Options:

• _1240px: Minimum. The smallest width at which the Wide Screen layout can be activated.
• _2800px: Maximum. The largest width at which the Wide Screen layout can be activated.

Desktop Breakpoint (Number, pixels, range)

Set the viewport width at which the Desktop layout will be activated.

Options:

• _960px: Minimum. The smallest width at which the Desktop layout can be activated.
• _1640px: Maximum. The largest width at which the Desktop layout can be activated.

Notebook Breakpoint (Number, pixels, range)

Set the viewport width at which the Notebook layout will be activated.

Options:

• _778px: Minimum. The smallest width at which the Notebook layout can be activated.
• _1240px: Maximum. The largest width at which the Notebook layout can be activated.

Tablet Breakpoint (Number, pixels, range)

Set the viewport width at which the Tablet layout will be activated.

Options:

• _640px: Minimum. The smallest width at which the Tablet layout can be activated.
• _1240px: Maximum. The largest width at which the Tablet layout can be activated.

Mobile Breakpoint (Number, pixels, range)

Set the viewport width at which the Mobile layout will be activated.

Options:

• _0px: Minimum. The smallest width at which the Mobile layout can be activated.
• _640px: Maximum. The largest width at which the Mobile layout can be activated.

Breakpoints Include Scrollbar Width (Toggle)

Set whether to include the width of the scrollbar in calculating when breakpoints should trigger layout change.

Options:

• _On: Layout changes when the full window width (viewport + scrollbar) equals the breakpoint.
• _Off: Layout changes when the viewport width equals the breakpoint.

Fonts Tab

In the Fonts tab configure Google Font loading and caching, Font Awesome loading, and custom font addition.

Font Loading and Caching Section

Under Font Loading and Caching set where you want to load Google fonts from, manage font caching, and optionally toggle Font Awesome inclusion and Google Font preconnects.

Google Fonts Download (Dropdown)

Set how you would like to load and cache Google Font files.

Note that if you choose Cache Fonts Locally you will be prompted to initiating precaching to ensure fonts will be available in the front end.

Options:

• _{Load from Google}: Load font files from Google, and allow Google to handle caching.
• _{Cache Fonts Locally}: Load font files from Google, but cache files locally on your site's server.
• _{Disable, Load on Your Own}: Don't load Google font files through Slider Revolution at all. Handle font loading via your own preferred method.

Clear and Recache Fonts (Button)

Deletes any existing Google font files stored in cache, and fetches fresh copies of fonts into cache.

Only fonts used in modules will be fetched.

Use this button if you have stopped using one or more fonts and want to remove them from cache.

Update Font Cache (Button)

Updates the font cache to add any fonts used in modules that are not already cached.

Be sure to use this button any time a previously unused font is used in a module design.

Disable SR Font Awesome Library (Toggle)

Set whether to disable Slider Revolution's Font Awesome library. If you are already loading Font Awesome from a different source you may wish to use this setting to prevent double loading.

Options:

• _On: Don't use the SR Font Awesome library.
• _Off: Use the SR Font Awesome library.

Disable Google Font Preconnects (Toggle)

Set whether to use Google Font's preconnect functionality.

Options:

• _On: Don't use Google Font preconnect.
• _Off: Use Google Font preconnect.

Google Fonts Loading URL Section

Custom Font URL (Text)

Set an alternative Google Fonts loading URL.

Custom Fonts Section

In the Custom Fonts section add custom fonts by clicking the Add Custom Font button then filling in the custom font fields.

Add Custom Font (Button)

Click the Add Custom Font button ¹ to add a new custom font configuration form ², in which you can specify the details of the custom font you wish to use.

Custom Font Configuration (Form)

For each custom font added, there are four settings that should be configured: Name ¹, CSS URL ², Weight ³, Load In ⁴.

Name (Text)

Set the name of the custom font, for example "Barlow".

The name of the custom font must match the name in the CSS file provided in the CSS URL setting.

This is the name you'll later select in the Module Editor to apply the font to a Text layer, via Design mode -> Style tab -> Text section -> Font.

CSS URL (Text)

Set the URL for the CSS file that loads the custom font using @font-face code.

For example, the Barlow font can be loaded via the CSS URL https://fonts.bunny.net/css?family=barlow

Note that the provided URL must be for a CSS file, and not for a font file directly.

Both locally hosted font CSS files, or files from a third party CDNs such as Adobe Fonts, Bunny Fonts and so on are allowed.

For information on how to prepare @font-face CSS visit MDN Web docs.

Weight (Text)

Set the weights of the custom font as a comma separated list.

For example, the normal weight, normal & italic, and bold weight of the Barlow font can be loaded with 400,400i,700.

Load In (Dropdown)

Set whether to load the custom font in the Module Editor and/or in the live front end.

Options:

• _{Editor & Live}: Load the custom font in the module editor and live front end.
• _Live: Load the custom font in the live front end only. Use this option if you want to use Slider Revolution's font loader for purposes other than module editing.
• _Editor: Load the custom font in the module editor only. Use this option when you're loading custom fonts via an alternative method, but still want to see those fonts in the module editor.

Delete (Button)

Click the delete button to remove the custom font configuration form, and the associate custom font.

Upload Custom Font (Button)

Click the Upload Custom Font button ¹ to open the Upload Custom Font form.

Upload Custom Font (Form)

Through the Upload Custom Font form you can upload multiple font files at once, and each will automatically have the appropriate font weight and style associated with them.

Font Family Name (Text)

Set the name of the custom font, for example "Barlow".

Must be set before font files are uploaded.

Upload Files (Button)

Click to open a file browser and select custom font files.

A Font Family Name must be set before clicking this button.

After the font files are uploaded a list of each font and its detected weight and style will appear in an editable list.

Add Font (Button)

After using the Upload Font button to upload font files, click the Add Font button to make the new font available for use.

Cancel (Button)

Close the Upload Custom Font form without adding any new fonts.

Brand Kit Tab

In the Brand Kit tab keep named brand colors and brand fonts that any module can use, so a change made here is followed by every module that uses them.

A layer, slide or module setting picks a brand color from the Brand Colors palette of its color picker, and a text layer picks a brand font from the Brand Fonts group of its font picker. The setting is then linked to the brand entry, and changing the color or font here changes it everywhere it is linked. Templates keep their own colors and fonts until they are swapped for brand entries in the Bulk Style Editor.

Brand Colors Section

In the Brand Colors section add, name and remove the brand colors.

Each color picker in the Module Editor lists these colors in a Brand Colors palette. Picking one links the field to the color, shown by a purple ring around the swatch. Changing a brand color here updates every linked field in every module: on the page at its next load, and in the editor when the module is opened.

A linked field can have its opacity changed and stays linked. Choosing any other color, a gradient or a preset, or undoing the pick, unlinks it.

Brand Color (Color, Text)

Each row of the list is one brand color: its swatch, its name, and its hex value.

Click the swatch to choose the color, and type in the name field to rename it. The hex value is read only. A delete button appears at the right end of the row on hover.

Add Brand Color (Button)

Click to add a new brand color to the list.

Brand Fonts Section

In the Brand Fonts section add, name and remove the brand fonts.

The font picker of a text layer lists these fonts in a Brand Fonts group at the top. Picking one links the layer's font family to the brand font, while its weight, size and style stay the layer's own. Changing a brand font here updates every linked layer in every module, and the page loads the new font in place of the old one.

Choosing any other font unlinks the layer. Font fields inside add-ons, and the fonts of navigation skins, do not take brand fonts.

Brand Font (Text, Dropdown)

Each row of the list is one brand font: an Aa sample in the chosen font, its name, and a font picker.

Type in the name field to rename the font, and choose the font from the picker, which lists Google fonts, websafe fonts and custom fonts. A delete button appears at the right end of the row on hover.

Add Brand Font (Button)

Click to add a new brand font to the list.

Optimization Tab

In the Optimization tab configure module content loading methods, mobile DPR handling, PageSpeed measurement, and image optimization.

Module Optimization & Loading Section

In the Module Optimization & Loading section configure the data and feed loading method you would like to use, and optionally force 1xDPR on mobile devices.

SR7 Data Load Method (Dropdown)

Set the loading method for module assets such as images and videos.

Note that regardless of data load method, a module's entire HTML content is always present and available for SEO purposes.

Options:

• _{Smart Loading}: Load visible module assets, and progressively load assets from slides about to be navigated to, or modules about to scroll into view. Balances initial load speed with smooth page & module navigation.
• _Preloading: Load all module assets before displaying the module. Prioritizes smooth page & module navigation over initial load speed.
• _{On Demand Loading}: Load module assets only when required. Prioritizes initial load speed over smooth page & module navigation.

SR7 Feeds Load Method (Dropdown)

Set the loading method for content drawn from feeds, such as social media posts or image galleries.

Options:

• _Preloading: Fetch all feed content before displaying the module. May have longer initial load time, but ensures no delay when navigating the module.
• _{On Demand Loading}: Fetch feed content only when about to be displayed. Faster initial load time, but may cause slight delay when navigating the module.

Force 1xDPR on mobile (Toggle)

Set whether to force mobile devices with high DPR (device pixel ratio) screens to treat canvas animated content as 1xDPR.

Activating this setting prevents canvas elements such as background images from being internally scaled up 2x or 3x, locking them in at their original resolution.

May cause images to appear more blurry, but can reduce load on the GPU/CPU.

Options:

• _On: Force 1xDPR content rendering.
• _Off: Allow high DPR devices to scale content to 2xDPR or 3xDPR.

PageSpeed Measurement Section

In the PageSpeed Measurement section set whether the first module on a page is presented in the way speed tests measure.

Measure With Google PageSpeed (Toggle)

Set whether the first module on a page shows its opening picture straight from the page markup, so that Google PageSpeed and Lighthouse count it as the largest content at once instead of waiting for the animation engine. The default is Off.

The picture is found automatically: the slide background, an image layer covering the slide, or a background video's poster, also behind a menu module. Switch the setting on to run a speed test, then off again. For more on the metric and how to read it, see LCP (Largest Contentful Paint) and Slider Revolution.

Options:

• _On: The first module's opening picture is in the page from the start, and its entrance animation does not play.
• _Off: The module loads and animates as designed.

Image Optimization Section

In the Image Optimization section configure automatic image optimization settings.

Note that at least one of the settings On Save or On The Fly need to be toggled on, otherwise image optimization processes will not be run in the Module Editor.

It can instead be run per slide manually via the Module Section of the Plugin Dashboard, by navigating into the Slide items of a module, expanding the Item Menu for a slide, and clicking the Optimize button.

On Save (Toggle)

Set whether to run image optimizations when you save a module.

Options:

• _On: Images will be optimized when you save a module.
• _Off: Save a module will not trigger image optimization. Optimization may still be triggered if On The Fly is toggled to On.

On The Fly (Toggle)

Set whether to run image optimizations in the background as you work on a module.

Options:

• _On: Images will be optimized as you work, with no need for manual action.
• _Off: Images will not be optimized in the background. Optimization may still be triggered if On Save is toggled to On.

Image Format (Dropdown)

Set whether optimized images should be save in WebP format, or retain their original format.

Options:

• _WebP: All images will be converted to WebP format.
• _Original: Images will retain their original format.

Max Img. Scale Multiplier (Number, range)

Set how much larger an image can be than the size at which it is set to appear via the Module Editor.

Options:

• ₁: Minimum. The image is optimized to be the same dimensions it's configured to have via the Module Editor.
• ₂: Maximum. The image is optimized at up to twice the dimensions it's configured to have via the Module Editor.

Quality (Number, range)

Set the quality at which optimized images should be created. Lower numbers create images with decreased quality but faster load speed. Higher numbers create images with better quality but slower load speed.

It is recommended to stick with the default of 85 for most cases.

Options:

• ₅₀: Minimum. The lowest quality but fastest loading images.
• ₁₀₀: Maximum. The highest quality but slowest loading images.

Max Width (Number, pixels, range)

Set the maximum width for optimized images. Any images originally greater in width than this amount will be shrunk.

Options:

• _200px: Minimum. The narrowest possible maximum width for optimized images.
• _2048px: Maximum. The widest possible maximum width for optimized images.

Max Height (Number, pixels, range)

Set the maximum height for optimized images. Any images originally greater in height than this amount will be shrunk.

Options:

• _200px: Minimum. The shortest possible maximum height for optimized images.
• _2048px: Maximum. The tallest possible maximum height for optimized images.

System Tab

In the System tab configure how add-ons are listed in WordPress, cookie consent management, content caching, and database health & repair.

WordPress Integration Section

In the WordPress Integration section set how Slider Revolution add-ons appear in the WordPress plugins list.

Group Add-Ons in the WP Plugins List (Toggle)

Set whether installed Slider Revolution add-ons are shown as one group under Slider Revolution on the WordPress Plugins page, or as separate plugin rows. The default is On.

Options:

• _On: Add-ons are grouped under Slider Revolution in the plugins list.
• _Off: Each add-on has its own row in the plugins list.

Privacy & GDPR Settings Section

In the Privacy & GDPR Settings section toggle YouTube No-Cookie mode, and choose a cookie consent plugin to integrate with.

YouTube No-Cookie Mode (Toggle)

Set whether to load any YouTube videos via "youtube-nocookie.com" instead of the standard "youtube.com" domain. Enabling this setting prevents YouTube from setting a cookie unless the video is interacted with by the visitor, e.g. playing the video.

Note that for GDPR compliance cookie consent will still be required if the visitor decides to play the video, it just won't automatically be required the moment the page loads, as is the case if embedding via "youtube.com".

Options:

• _On: Embedded YouTube videos are loaded via "youtube-nocookie.com".
• _Off: Embedded YouTube videos are loaded via "youtube.com".

Consent Management Plugin (Dropdown)

Set how YouTube and Vimeo videos are loaded, depending on the active consent management plugin.

If set to None, videos are always allowed to play without asking for consent to set cookies.

If a consent management plugin is selected, that plugin will request cookie consent in the browser.

If consent is given within 15 seconds, the video is then loaded. If no consent is given, the video stays blocked until the next page load.

Options:

• _None:
• _{Borlabs Cookie}:
• _Complianz:
• _{Cookiebot CMP}:
• _{Cookie Notice}:
• _{Cookie Yes}:
• _{GDPR Cookie Comp.}:
• _{Real Cookie Banner}:

Category (Dropdown)

Set the category of cookie for which consent should be requested.

Options:

• _Functional
• _Marketing
• _Preferences
• _Statistics

Content Caching Section

In the Content Caching section toggle internal caching, set how long cached content is kept, and handle cache clearing.

Use Internal Caching (Toggle)

Set whether or not to use Slider Revolution's built-in caching system.

With caching on, a module built from posts or products is served from the cache rather than assembled on each page load, and editing a post clears the cache for it.

Options:

• _On: Save resources into the built-in cache.
• _Off: Do not save resources into the built-in cache.

Cache Lifetime (Dropdown)

Set how long a stored module stays valid before it is built again. The default is 1 Week.

Changing the lifetime clears everything already stored.

Options:

• _{1 Hour}
• _{6 Hours}
• _{12 Hours}
• _{1 Day}
• _{3 Days}
• _{1 Week}
• _{1 Month}

Clear Internal Cache (Button)

Click to clear any stored information in the Slider Revolution built-in cache.

Database Health & Repair Section

In the Database Health & Repair section handle unmigrated module deletion, database scanning and missing table repair.

Delete Unmigrated Modules (Button)

If you have modules created in Slider Revolution 6 that have not been migrated to version 7, and you no longer need them, click this button to delete those modules.

Scan Database Health (Button)

Click to check if the database is using the required, up to date structure.

Fix Missing SR7 Tables (Button)

If any database tables required by Slider Revolution 7 are missing, click this button to add them.