Slider Revolution 6.3 NOW available!

Contents

1. Class, ID & Custom Fields

For advanced usage, you can add a special class name (1), ID attribute (2), or additional attribute (3) to the HTML list element that represents the slide.


.rev_slider .tp-caption a {color: #FF0000}

For example, if you wanted to style hyperlinks for one slide differently from another, you could write some default CSS:

 .rev_slider .tp-caption a {color: #FF0000} 

.. and then add a class name of “second-slide” in the “Link & SEO” section, which would allow you to adjust the default CSS above for an individual slide:

 .rev_slider li.second-slide .tp-caption a {color: #0000FF} 

2. Slide Link

1. Enable Link

Options are “Enable” (add a link to the entire slide), and “Disable” (no master slide link).

2.1 Link Type: Regular

Slide Link

Add a url to one of your site’s pages or an external website.

Special Note

Type in   as shown below to automatically link to original pages for special content sliders such as post-based sliders, Twitter, etc.

Link Target

Options are “Same Window” or “New Window” (i.e. new tab).

Link Sensibility

Front:

Slide’s hyperlink will be placed on top of the slide’s content layers (only a good option when additional content layers are not hyperlinked).

Back:

Slide’s hyperlink will be placed behind the slide’s content layers, allowing for additional hyperlinked content layers.

2.2 Link Type: To Slide

Link To Slide

Options are “Next Slide”, “Previous Slide” or a specific slide number.

You can also choose “Scroll Below Slider”, which will scroll the page to additional content beneath the slider when the slide is clicked.

Link Sensibility

Front:

Slide’s hyperlink will be placed on top of the slide’s content layers (only a good option when additional content layers are not hyperlinked).

Back:

Slide’s hyperlink will be placed behind the slide’s content layers, allowing for additional hyperlinked content layers.

Popular Solutions