Blog & Posts

Customize the blog and posts layout of your Joomla website.

YOOtheme Pro adds several layout settings for the Joomla blog. When configuring the settings, it's recommended to browse to the blog and preview the changes immediately.

The following settings can be found in the Layout → Blog and Layout → Posts panels of YOOtheme Pro.


Blog Layout

The blog layout settings define the way the overview of your blog is displayed.

Setting Description
Width Set the blog width.
Padding Set the vertical padding.
Columns Set the larger gutter for your columns.
Breakpoint Set the breakpoint from which the grid cells will stack.
Masonry Enable masonry effect.
Parallax Enable parallax effect.
Image Margin Set the top margin if the image is aligned between the title and the content.
Image Width Set the width of the image.
Image Height Set the height of the image.
Alignment Center the title, meta text and button.
Title Style Set the title style.
Title Margin Set the top title margin.
Meta Margin Set the top meta margin.
Content Margin Set the top content margin.
Content Alignment Center the content on the blog overview page only.
Content Length Limit the content length to a number of characters and add the "Continue Reading" button.
Button Set the style for the "Continue Reading" button.
Button Margin Set the top button margin.
Navigation Use a numeric pagination or "previous/next" links to move between blog pages.

Joomla Blog Options

Joomla offers many additional blog options. Here is a description of the most often used options and their position in Joomla's global article settings.

Setting (Tab) Description
Columns (Blog/Features Layouts) Set the number of columns.
Column Order (Blog/Features Layouts) Order posts down or across columns.

Note Leading Articles will always be displayed in rows. For all articles to be displayed in columns, the number of Leading Articles has to be set to zero in Blog/Features Layouts of Joomla's global article settings.


Post Layout

The post layout settings define the way a post is displayed inside the blog.

Setting Description
Width Set the post width.
Padding Set the vertical padding.
Content Width Set an explicit content width which doesn't affect the image or inherit the post width.
Image Margin Set the top margin if the image is aligned between the title and the content.
Image Width Set the width of the image.
Image Height Set the height of the image.
Alignment Center the title and meta text.
Title Margin Set the top title margin.
Meta Margin Set the top meta margin.
Meta Style Display the meta text in a sentence or a horizontal list.
Content Margin Set the top content margin.
Drop Cap Set a large initial letter that drops below the first line of the first paragraph.

Joomla Post Options

Joomla offers many additional article options. Here is the description of the most often used options and their position in Joomla's global article settings.

Setting (Tab) Description
Image Float (Articles) Choosing the left or right option will display the blog image between the title and the content. Set to None to display it at the top of the article.
Position of Article Info (Editing layout) Position the meta text above or below the title.
Show Navigation (Articles) Enable a navigation to move to the previous or next post.

YOOtheme Pro