Content List element

In this article, you will learn about an element that can help you save a bunch of time – Content list element.

About Content List elementClick to copy

The Content List is designed to help you save time on styling similar items and building content boxes with pre-made variants, so that you can spend time on other tasks.

With Content list, you only need to customize an element in one Content list item and the style will be applied to that element in Content List. In Particular, you can change the content in each item.

You can check more details in the video tutorial below.

Access the Content List elementClick to copy

Step 1: Click on the Add element function on the left toolbar
Step 2: Click on the Content List element in the Containers menu
Step 3: Drag and drop the variants that you need into the page editor and then start using it. There are 5 types for you to choose.

content list

Note that you can search this element by using the search function instead of finding it in the sidebar.

Content List element configurationClick to copy

A Content list contains one or more items. It’s possible to control the number of items in a Content list via the General tab.

Select a Content list to see its parameters.

The parameters in the General and Styling tab are specific to this element.

content list

General configurationClick to copy

Add Items

the number of items in a Content list is unlimited

content list

Move, delete a item

content list
Items Per Row

The maximum of items per row is 12

content list
Items spacing

Adjust the spacing among the items in the Content list.

This setting is defaulted by 30 px and you can edit this parameter

content list
Enable Equal Height

Make all items inside this Content list have equal height

content list
Content Position

Specify the position for the content inside this Content list

You can get further information about ATTRIBUTES, VISIBILITY, ANIMATION parameters.

Styling configurationClick to copy

You can check more information about the Styling tab.


You can only add elements from Basic and Media categories in the Content list element

content list

Beside adding new elements in the Content list, you also can delete some elements in pre-made variants.

Content List element

Content list item configurationClick to copy

With Content list items, you can choose how to sync styling between Content list item elements in Styling Synchronization.

Content List element

Sync to master: Content list item and all elements inside it will be synced with others itemsContent List element
Unsync CLI element only: not sync the Content list items styling, all elements inside it still sync styling with othersContent List element
Unsync CLI and all children: not sync the Content list item and all elements inside to others
When you select this type, you can edit for a single Content list and this changes will not be applied to others
Content List element

The parameters in the General and Styling tab of items are the same with Basic and Media features.

You can check more information about these elements here:








Youtube Video

Vimeo Video

HTML Video


QR code


Navigate this category

Next articlePrevious

Thank you for your feedback!

Could not find the answer
to your question?

Chat with us
PageFly Languagues

PageFly Help Center is now available in Chinese, French and Japanese. Please check the flags on the page header.

I got it!
Boost Father's Day Sales: Utilize PageFly's templates to create captivating pages that drive results - Discover Now