Manual

The fundamentals of using Slider Revolution.

Quick Styled Headlines, Text Content, Buttons and Shadows

Slider Revolution includes a collection of 60+ quick styles. Let’s see how to use them.

Table of Contents

Using Quick Styles (Video Tutorial)

Learn how to use quick styles for headlines, text content and buttons by watching the below ‘Using Pre-made Content in Your Own Modules’ tutorial video from the 04:54 mark:

If you watched the above video in full you can skip to the next section of the manual: Animation Fundamentals.

Or continue reading to learn how to use pre-made quick styles in your own modules.

Accessing Quick Styles

To access the Quick Style button, create and select the layer and navigate to Layer Options > Style:

The Quick Style button allows you to quickly insert or apply one of several text, button or shadow styles. After clicking the Quick Style button a panel will open on the right side of the module [?] A module in Slider Revolution acts as a container for slides, which in turn act as containers for layers. Modules are created and edited with the module editor.

A "module" is a single, self contained piece of content. You can think of this as being similar to the way a post or page in regular WordPress is a self contained piece of content.

A module can represent any kind of content Slider Revolution is capable of creating, such as a slider, carousel, hero unit, navigation menu, posts display and so on.

Multiple modules can be combined to form rich content such as complete sites and landing pages.
editor showing all the available styles:

You can either scroll through them all vertically, or click on one of the four tabs along the top of the panel to jump to a particular type of style: Headlines, Content, Buttons and Shadow.

Note: The tabs displayed along the top right will only be those that have quick-styles that can be applied to that layer. For example, if you have a button layer selected and you click the Quick Styles tear-drop button, you will only see the styles that can be applied to that button.

Headlines

Headline styles can be used to either add a new text layer [?] Layers are containers for visual, audio or layout items and are added to slides. For example, text, button, image, audio, video, group and row are all types of layers.

Layers are added to slides via the module editor.
with headline styling, or to change the styling of an existing layer. These styles are great for large text elements or titles.

To add a new headline first make sure you don’t have an existing layer selected and that you are on the Headlines tab, then click on a headline style of your choosing from the Quick Styles panel. A new layer will be created with that style and you can then modify its text as required:

Example showing a new layer inserted automatically in the text style chosen from the Quick Styles panel.

Alternatively, select an existing text layer and then click one of the headline quick styles. The layer’s text content will remain the same but its styling will be updated:

Example showing an existing headline modified to the text style chosen from the Quick Styles panel.

Content

Content styles work in exactly the same way as headline styles, whereby they can be used to add a styled text layer, or to apply a style to an existing text layer.

The only difference is that content styles are more suited to paragraphs and smaller text elements such as subtitles:

Example showing an existing subtitle modified to the text style chosen from the Quick Styles panel.

Buttons

In the buttons section you will find quite a variety of styles, all intended to be used with button type layers. Scroll through the list of buttons and you will see generic buttons, hamburger menu buttons, page scroll indicators, social media buttons, and media control buttons:

Again, clicking one of the styles while you have no layer selected will create a styled button layer:

Example showing a new button inserted automatically in the button style chosen from the Quick Styles panel.

Whereas selecting a button layer first then clicking a style will apply that style to your selection:

Example showing an existing button modified to the button style chosen from the Quick Styles panel.

Note: When changing an existing button style the text on your original button will be overwritten with the default text for the button style chosen. To update the text on the button, click the “X” button to close down the Quick Styles panel, then go to the Layer Options tab and Content sub-section, then type the text you want into the Text/Button Layer Content panel:

Shadows

Shadow styles come in two types: box shadows and text shadows. They are a little different to headlines, content and buttons in that they are intended to be used in conjunction with other styles:

For example, you might create a headline layer then choose a text shadow to apply to it as well:

Example showing the title with a shadow applied from the Quick Styles panel.

Or you might create a button quick styled layer and choose a box shadow style to go with it:

Example showing a button with a shadow applied from the Quick Styles panel.

Note: The process for modifying styling that has already been applied to your layer elements will be covered in more depth in an upcoming section of the manual.

Up Next: Modifying Animations

That completes our section on using pre-made content to kickstart your module creation.

Coming up next we’re moving on to probably the most important part of working with Slider Revolution [?] Slider Revolution is a website content creation tool with a focus on captivating animation and stunning visual effects.

It began its life as a plugin for creating slideshows, but has evolved into a fully fledged piece of design software.
, and that is animation.

We’ll focus on getting you productive quickly by stepping you through the fundamentals of working with animations.

Quick Styled Headlines, Text Content, Buttons and Shadows