Need help? We've got your back.

Find advice and answers for everything

Back

Category: Website Builder 2.0

Blog List Widget To Show Your Blogs

The Blog List Widget is a pre-built widget within the builder 2.0 that you can use to quickly display your blogs on any page. It lets you showcase category-wise blogs or all the blogs, and offers various settings to quickly set up a page with a blog list.


This article will guide how you can use the widget and set different options available with it to display your blogs on a page.


To begin, create a new blank section. You can create one by clicking the ADD SECTION button. 



image



image



Click the Widgets tab on the left sidebar. Now, drag and drop the Blog List widget into the empty section.


[Note: You must add widgets to a blank section.]



image



Right-click on the widget to open the editing panel on the right side of your screen. From there, you can choose the card layout whether to show details, in list view, etc. You can select the categories to show specific categories of blogs. Select whether to order the blogs by new or old and you can define a limit i.e. how many blogs are displayed. 



image



Card Settings & Style


The “general” tab also lets you customize the blog cards and how they appear on your website. You can change the background color of the cards and define the color of the blog title.



image



For the category name on the card, you can choose whether to show it. If enabled, you’ll have the option to choose the background color and the text color.



image



Decide whether to show or hide the author of the blog and also choose the color of the text. Same options are available for the “date” and “description”. For the button, you can select a background color along with text color. 



image



You can make the card appear more beautiful by adding card paddings, corner radius, and shadows. 



image



From the Styles tab, you can set the padding around the widget. As with all elements and widgets, you can style the borders from this tab in addition to other advanced customizations in Box shadow and Transform. 



image



Add animation and custom CSS to the widget from the Advanced tab.



image