/ /website-builder/ /leased-bundle/ /extensions/ /module-integration/ /order-form/

# Section Blog List Condensed

The "Blog List Condensed" (see demo) (opens new window) section in Lagom WHMCS Website Builder (opens new window) provides a compact version of the Blog List section, designed to seamlessly fit into pages that already contain other content. It allows you to capture visitors attention with engaging images and short descriptions of your blog articles, presenting content in a concise and visually appealing way without overwhelming the page layout.

# Section Description

  1. Caption - Caption text shown above banner title. Leave this field empty if you do not want to display that element.
  2. Title - Banner title placed in <h1> tag. HTML tags are allowed in that field.
  3. Description - Section description, where content can be customized using text editor.

# Frontend

The choices from the management section above will be displayed as depicted below.

# Articles List

# Displayed Content

This section contains configuration options that allow you to define which articles and how many of them are displayed to your customers.

  1. Latest Articles - This option results in display of most recently created articles within this section.
  2. Specific Category – This option allows you to select specified category from which articles will be displayed.

# Number of Displayed Articles

Specify how many articles should be displayed within this section for your customers.

# Article Settings

# Article Style

Choose the appearance of the article boxes on your generated website page by selecting one of the predefined types from the provided list.

# "Default" Style

# "Boxed" Style

# "Bordered" Style

# Article Graphic Position

Select the position of the graphic within the "Article" item. This choice will also influence the layout of the "Article" item content.

# "Top" Graphic Position

# "Left" Graphic Position

# "Right" Graphic Position

# Display Articles as Slider

When this option is activated, Article boxes will be presented as an infinite slider on the frontend of your website.

This feature offers the following options:

  1. Full browser width slider
  2. Slider with left and right arrows

# Full Browser Width Slider:

# Slider With Left and Right Arrows

# Article Columns

This setting enables you to specify the number of columns for "article" items displayed on various device screen resolutions.

  1. Columns on desktop - Define the number of columns for articles displayed on screens wider than 1320px.
  2. Columns on tablet horizontal - Specify the number of columns for articles displayed on screens with widths ranging from 992px to 1319px.
  3. Columns on tablet vertical - Choose the number of columns for articles displayed on screens with widths ranging from 768px to 991px.
  4. Columns on mobile - Set amount of columns with articles, shown on screens with width smaller than 767px.

# Section Advanced Settings

  1. Combine This Section With Section Below - When activated it will remove bottom padding and border from this section. This setting was designed to combine two sections into single section - learn more.
  2. Overlay Section Below on This Section - This setting pull below section over this section, moreover it adds additional bottom padding - learn more.
  3. Section Anchor - Allows to set name for the section anchor, which then could be used, to link people to specific section - learn more.
  4. Section Custom Class - This setting assign custom classes to the section container - learn more.