Blog & Posts

Customize the blog and posts layout of your WordPress website.

YOOtheme Pro adds several layout settings for the WordPress 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 number of columns.
Breakpoint	Set the breakpoint from which the grid cells will stack.
Masonry	Enable masonry effect.
Parallax	Enable parallax effect.
Image Alignment	Align the image to the top or place it between the title and the content.
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.
Display	Show or hide date, author, categories, tags and archive category title fields.

Post Layout

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

Setting	Description
Width	Set the post width.
Content Width	Set an explicit content width which doesn't affect the image or inherit the post width.
Image Alignment	Align the image to the top or place it between the title and the content.
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 Alignment	Position the meta text above or below the title.
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.
Navigation	Enable a navigation to move to the previous or next post.
Display	Show or hide date, author, categories and tags fields.