ProStyler Revelation Members Area


Click Table

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.

From here we can add rows and columns using the buttons.

Let’s add a column by clicking add column

As you can see it added a column to our table. Next let’s start filling in our table.

To edit a cell in our table just click the edit icon inside it.

A popup window will open for us to configure how we want this to display.

We can set a width for this particular table cell. Table Cell: is a singular field inside a table

Row span enables items to extend over multiple rows. 

Column span enables you to make the item extend over multiple columns.

Next we can pick a display style for our item we have a few to pick from.

Simply select a color you would like the item background to have.

Enter your content for this table item here. You can add hyperlinks and more using the WYSIWYG editor.

I have just entered Downloads as i will use this item as a title for my column.

Next click “Save”

Now let’s edit the second column the same way we did the first by clicking the edit icon.

I’m going to change the color of this table item to red.

I am also going to enter Per Country as again i will use this as a heading for my column

Click “Save”

Finally let’s edit the last table item on the top row again by clicking the edit icon.

I’m going to set the style for this table item to Success (Green)

Then in the content area i will enter Yes/No as again this will be a heading title for my column

click “Save”

As you can see our table is starting to look good.

Let’s add some information to it now by clicking the “Edit” icon on the table item below the Downloads title.

I’m going to add the number 900 here.

Click Save

Continue to build out your table how you want by adding rows and columns, and editing each item.

Okay so i am happy with how my table looks…

Once you’re happy with your table click “Styling”

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

Select a style for your table to use we have a few to choose from i’m going to use bordered.

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

From the list…

Click SAVE


Then click “view page” to see your table in all its glory!

That’s it. You’re done.

Copyright © 2017 Pro Styler Theme