Blog
Customize the blog layout and article of your Joomla website.
Last updated
Customize the blog layout and article of your Joomla website.
Last updated
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.
