To edit style Unite Revolution Slider with CSS Editor, the first thing you need to do is to access the CSS Editor.

Step 1: Select the slide that you want to edit and select a caption/image/video.

Step 2: Open the Layer General Parameters Tab

At the Style option, select the style. Note: the style name is the CSS class!

Step 3: Click on the “Edit Style” button.

css_1 Unite Revolution Slider

The style editor will be displayed.

At the Simple Editor Tab, you can easily change basic Styles.

You will find the earlier mentioned Fonts, at the Slider Settings Panel under Fon- Family.

For Advanced Settings, you can open this tab and put all your CSS Styles for this CSS Class in here.

css_2 Unite Revolution Slider

Click on the Hover tab, then check the checkbox “enable: hover” if you want to enable different styles on hover.

If there was no hover style before, it will copy the setting from the Idle state.

Click on the “Save/Change” button to save your changes.

Delete Styles

Step 1: Select the style and click on the “Style edit“.

Step 2. Click on Delete button and confirm it.

Note: this step can’t be undone!

Static Styles/Global Styles

This option allows you to add Styles that can’t be done through the Editor.

css_3 Unite Revolution Slider
Step 1. Click on Edit Global Styles
Step 2. Put your custom CSS into the Static Styles tab.
Step 3. Click the “Save” button (green button) to save your newly added styles.

That’s all!
If you have any question about this post, don’t hesitate to leave a comment below. Thanks!

Rate for post
LT Digital Team (Content & Marketing)
Latest posts by LT Digital Team (Content & Marketing) (see all)
All-In-One Membership Access PRO version of all 500+ all Joomla! templates and WordPress themes. Just from $7.25/MO Learn more
🎉 Merry xMas & Happy New Year sale! Grab 50% Off for everything on today, don't miss it. Coupon code: XMASNEWYEAR Redeem Now