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 Purchase 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 $29. One License Key required per Domain.

Slider Revolution 6.0 NOW available!

Adjust the Size and Position of your Layer content

Quick Note about Layer Resizing

Images, Videos and Shapes can be resized via the Size & Position settings shown in this article.  Text Layers should be resized by adjusting the font-size in the Layer Styles section.


1. Manual Changes

Layers can be positioned manually by dragging the Layer with your mouse around the editing stage.

Layers can also be resized manually by dragging the four sizing points.

2. Settings Options

Adds a CSS Transform to the Layer when the user hovers their mouse over the Layer.

1. Alignment
Align the Layer vertically and horizontally inside the Slide.

2. X/Y Offsets
The spacing between the Layer and its alignment position.  For example if the Layer has a "right" Alignment, a 30px Offset "X" would place the Layer 30px from the right side of the Module.

3. Width/Height
Select the option's burger menu and choose "Auto" for text-based Layers, or enter a custom width and height.

4. Size Presets
Sizing options for Images and Video.  Choose "Cover" if you'd like the Layer to always fill the entire Module completely while maintaining its aspect ratio.

5. Layer Align
Choose "Layer Area" to align the Layer the Layers Grid, or "Scene" to align the Layer to the entire Module ("Scene" is recommended).

6/7. Min/Max Width
Add an optional minimum or maximum width for the Layer. (Layer will never be sized below or above these numbers.

8/9. Min/Max Height
Add an optional minimum or maximum height for the Layer. (Layer will never be sized below or above these numbers.

3. Responsive Considerations

Adjust the Layer's Responsive Behavior rules for its size and positioning.

Then switch between the Responsive Views to resize and reposition your Layers for the different viewports.

And preview the responsive settings when editing the options.

Position Layers within the Layers Grid Guide Lines!

When positioning your Layers, be sure to make sure they're placed inside the Layers Grid guide lines.  This helps to ensure that they never bleed outside the Module.

The Layers Grid size is defined in the Module's Breakpoints.



Popular Solutions