ProStyler Revelation Members Area


Click Icons List

This is your preview window, as you add and change things this will auto update.

Enter a Title For Your Element. This will allow you to find items on your page later quickly.

Click the “Edit Icon”

Select the icon you wish to use, this element is grea for building a set of social media icons.

Select the color you would like your icon to be, you can choose a different color for each icon in your list.

If you want to, you can also select a background color for your icon. This will show if you pick a different icon display style a bit later on…

If you want you can enter a website address for your icon to link to e.g a Facebook icon linking to your Facebook Page.

You can have it open in a… Current TabNew TabLightboxNew Window

Click the “Duplicate Icon” to duplicate a icon.

Click the “Delete Icon” to delete a icon you no longer wish to use.

Click OK to confirm

Click Styling

Here you can adjust the margin. This is the space around your element.

You can animate any element you want, simply select a animation effect.

From the list…

Select how you would like your icon list to display, horizontal or vertically.

Here you can enter a size for your icons, you can have them as big or as small as you want.

This is were you can select a icon display style, we have 3 options to pick from.

Simple, (Plain Icon)Circle Background (Adds a circle background to your icon)Square Background (Adds a square background to your icon)

This allows you to select how much space you want between your icons. So 20 pixels will leave a 20 pixel gap between each icon.

Select how you would like your icon list to be aligned.

Click SAVE


Then view your page to see your icon list In all its glory!

That’s it. You’re done.

Copyright © 2017 Pro Styler Theme