It's time to create new or re-design your websites to bring it to the next level.

Collection of 200+ Free Joomla templates, support Joomla 3.9.x and Joomla 4 Listing of 300+ Best Free WordPress themes, WooCommerce compatible, Elementor supports!

Have you known how to set up Image Layers in Unite Revolution Slider yet?
In this article, We mention instructions in setting up  Image Layers in Unite Revolution Slider. Just scroll down and follow the guide.

Look at the screenshot below, and click on Add Image Layer button for an individual Image Layer.

Unite Revolution Slider

Then follow the following settings:

Unite Revolution Slider

Style / Edit CSS

Use the Style Drop Down list to add your own Style or define a predefined Style.
If you want to change the Styling of the captions / Layers, just click on the Edit Style button and use the Embedded CSS Editor.

If you want to embed paragraphs, headings, buttons etc, you can use HTTML5 Standard markups.
By default, The Captions have the white-space: nowrap. And for line breaking, or add different layers for multiple lines, please use <br>.

The Edit Global Styles button is for further styling that is not possible through Edit Style.

Text / HTML

Click the Change Image Source button to change the Image Source itself here.

Alt Text

Add Alt Text here. It’s good for SEO.

Align & Positions

Set the Align of the Layers / Captions here. If this option is not set, it will be left top by default.

Image Scaling

Image Scaling

You can change the Width / Height of the image or scale the image proportionally.

Start Transition

Please select one of the Animation, Easing, and Speed. It’s the way that the Caption will appear on the screen.

End Transition

The Reverse Animation will be used as set in the Start Transition if it isn’t set. It’s optional.

Image Link

Image Link

Insert the URL of the image here.

Link Open In

Select from the drop-down list, it’s the link target if the image has been clicked.

Link to Slide

Please set a special link, Select from the drop-down list, like Swap to Previous / Next slide, Predefined Slide, Scroll Under the Slider, etc.

Hide Under Width

Tick at the box in the case you want to hide Caption under a certain width. It helps you have a more clear slide on mobile devices.

Attributes

Set extra attributes into the caption, like IDs, extra classes, or title.

Are you Web Freelancer or Web Design Company? Join our Club and Access our Resource!

Access 500+ PRO Premium Joomla! and WordPress themes just $8.70/month, Quickstart (dummy package) package included!

halloween deal

Buy onetime, get lifetime access!

Access Life-time All-In-One Membership with 500+ Premium WordPress themes and Joomla templates and new theme(s) every month just $239.40 (instead of $399) after 40% discounted for Haloween Deal! Life-time Access, Download and Support, No Renewal.

More about Developer package of All-In-One Membership

The Pandemic Continues So Do Our Support! We're offering 40% Discount on all purchases! Code: WORKATHOME More Details
HALLOWEEN WONDERFUL PARTY GET EXTRA 40% OFF FOR ALL PURCHASES. CODE: HALLOWEEN MORE DETAILS