Blog
Customize the blog layout and article of your Joomla website.
Last updated
Was this helpful?
Customize the blog layout and article of your Joomla website.
Last updated
Was this helpful?
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.
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.
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.
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.
Related Articles
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.
This build-in option allows you to add IntenseDebate Comments system, Facebook comments and / or Disqus Comments to your site.
