Blog

Customize the blog layout and article of your Joomla website.

The Blog panel in the Template Option is where you can configure and refine the blog layout, Image, article layout, social comments, author info and social share buttons of your Joomla website.

The following settings can be found in the Template Options → Blog panel.

Layout

The Layout option is where you can customize the blog and categorized articles.

Use the following options to style the blog layout.

OPTION

DESCRIPTION

Column Gap

Set the size of the gap between the grid columns.

Row Gap

Set the size of the gap between the grid rows.

Show dividers

Show dividers between the grid columns

Center Columns

Center the grid columns

Center rows

Center the grid rows

Breakpoint

Set the breakpoint from which the grid items will stack.

Enable Masonry Effect

Enable masonry effect and create a layout free of gaps even if grid items have different heights.

Parallax

Enable parallax effect and move single grid columns at different speeds while scrolling. Define the vertical parallax offset in pixels.

Options

Description

Image margin

Set the top margin if the image is aligned between the title and the content.

Image hover transition

Set the hover transition for a linked image.

Title style

Title styles differ in font-size but may also come with a predefined color, size and font.

Title margin

Set the top margin for article title

Meta margin

Set the top margin for article meta

Options

Description

Content length

Limit the content length to a number of characters. All HTML elements will be stripped.

Content margin

Set the top margin for content.

Button style

Select a style for the read more button.

Button margin

Set the top margin for read more button

Alignment

Center the title, meta text and button for blog layout.

Image size

Used to set the image size and resolution (“Blog Option” tab only) used inside different article views. To change default values just check [x] option next to the size name and insert your values in pixels. Then a new value would be used for newly uploaded images. That's why we recommend setting those values at the beginning before adding blog posts.

Crop Quality

It allows you to set image quality for better compressions for image size resolution. Applicable for JPG images only. By default is set on 100% to keep the best quality. But we recommend using lower value to reduce file size.

List

Select image size for:

Blog List Image (Category view). By default, the featured image will be shown if available and thumbnail size should be used.
Leading Article Image. By default, the featured image will be shown if available.

Hide tags - this option allows you to hide article tags only from the list view of articles.

Article

The Article settings panel allows you to extend the output of the Joomla article. Use the following options to style the single article layout.

Options

Description

Content Width

Set an optional content width which doesn't affect the image.

Image margin

Set the top margin if the image is aligned between the title and the content. Define the image position in the Editing Layouts settings in Joomla.

Blog Details Image

Select an image size for blog details view. By default, if a featured image will be shown if available.

Center the title and meta text.

An option to center the article meta content.

Title margin

Set the top margin for article title

Meta Margin

Set the top margin for article meta

Meta style

Display the meta text in a sentence or a horizontal list.

Content margin

Set the top margin for article content.

Additionally, you can show or hide dropcap, social share icons, disable module, author info or enable open graph. Just enable/disable one of these feature to meet your needs.

Show related articles in the article details page based on category and tags. Showing related content to new visitors can turn them into potential readers. You have control over the view type, changing the title and the number of related articles you want to show. This feature it's used in all articles.