How to Configure and Style Page List #

Page List is the perfect solution for heavy blog based websites. It lets you display your pages in an interactive manner. Let’s check out the detailed documentation below to configure the Page List to showcase your pages beautifully on your website following some simple steps:

How to Activate Page List #

To use this Sastra Addons element, find the ‘Page List‘ element from the Search option under the ‘ELEMENTS‘ tab. Simply just Drag & Drop the ‘Page List’ into the ‘Drag widget here‘ or the ‘+’ section.

After you are successfully done with this step, this is how the element is going to look like.

How to Configure the Content Settings #

To configure the content of your Page List, simply click on the ‘Content’ tab.

General #

From this section, you can use the drop-down to select page type. You can set page title and sub title. You can use toggle for hide / show badge. You can also set title link which you can redirect your visitors to any page on your site.

Besides, You can change it to your preferred icon as well. To add more elements, simply click on the ‘+ ADD ITEM’ button from the bottom.

How to Style Page List #

To customize Page List, click on the ‘Style’ tab, and you will find many different options here.

List Items #

From here, you can change padding, margin, styling to border and border radius as well.

Title #

From here, you can change title color with normal and hovered options. Besides, you can change border color, transition duration, typography and bottom distance as well.

Sub Title #

From this section, you can change sub title color and typography.

Badge #

From Badge section, you can change color, background color, vertical alignment, padding, size, distance and border radius.

Icon #

From here, you can change color, vertical alignment, size and distance as well.

Final Outcome #

By following the basic steps and a bit more modifying, you can style your Page List as per your preference.

This is how you can easily showcase your content with an attractive & interactive layout using Page List.

Getting stuck? Feel to Contact Our Support for further assistance.