Widgets: Dynamic Content

Elementor offers a set of widgets called ‘Theme Elements‘ that can be used to create your single post. These include the Post Title widget, Post Info (Meta Data) widget, Post Excerpt widget, Post Content widget, Featured Image widget, Search Form widget, Author Box widget, Post Comments widget, Post Navigation widget, and Breadcrumbs widget (if Yoast SEO plugin is installed and active).

You can learn more about these widgets below

Post Title: The title of the current post.

Post Info (Meta): The current post’s meta data such as Author, Date, Time, and Number of Comments.

Post Excerpt: The short summary of the current post.

Post Content: The heart of the current post is the content, of course!

Featured Image: The featured image of the current post.

Author Box: A box which features the author’s bio.

Search Form: A search form to help users find content on your site.

Post Comments: A user comments section.

Post Navigation: Navigation to allow users to easily navigate between posts.

Breadcrumbs: Breadcrumbs which enable users to navigate your site easily, while also providing search engines clues as to the structure of your site. (Requires Yoast SEO plugin).

Read the tutorial showing how to Create a Single Post Template

Learn More About Each Widget

With the Posts Widget you can display a list of any post types, including custom post types, in various layouts and ways. This practical widget can be used to display posts from a particular category or other taxonomy, recent posts, and more.


Classic Skin

The Classic skin is a fully customizable layer template that gets applied to the Posts widget, giving your posts a traditional design style.

Content

Layout

  1. Skin: Select a pre-designed skin, either Classic, Cards, or Full Content
  2. Columns: Set how many columns will be displayed, from 1 to 6
  3. Posts Per Page: Set the exact amount of posts displayed
  4. Image Position: Set the image position, relative to the content. Options include: Top / left / right / none. *See Note below for instructions to set image position on mobile.
  5. Masonry: Slide on or off
  6. Image Size: Set the size of the image, from thumbnail to full
  7. Image Ratio: Set the exact ratio of the images
  8. Image Width: Set the exact width of the images
  9. Title: Choose to show or hide the title
  10. Title HTML Tag: Select the HTML tag to use for the title, from H1 to H6, or div, span, or p
  11. Excerpt: Choose to show or hide the excerpt
  12. Excerpt Length: Choose the length of the excerpt, setting the exact amount of words displayed
  13. Meta Data: Select the meta data to be displayed in the widget. A click on the field opens the list of options. The options include author, date, time and comments
  14. Separator Between: Choose the separator you want to use between the meta data
  15. Read More: Show or hide the Read More button
  16. Read More Text: Customize the Read More text
  17. Open in New Window: Choose Yes to open posts in a new tab.

Note: Adjust Image Width and Image Ratio in desktop and mobile view as shown below.

Note: In regards to the Posts Per Page option, please be aware that the Posts widget will load all sticky posts + the number of posts per page that you set in the Posts Per Page option. This is how WordPress fundamentally treats sticky posts. For example, if you set Posts Per Page = 1 but you have 5 sticky posts, then the total number of posts loaded on the front end would be 6 (1+5=6}.

Note: When Elementor displays a post, if it has no excerpt, Elementor automatically generates an excerpt from the post’s content. The Excerpt Length option allows you to control the length of this auto-generated excerpt. However, the excerpt length only applies to posts in which no manual excerpt has been entered. The length specified in the Elementor widget is ignored if a manually-generated excerpt exists for a post. 

 

Query

Source: Select the source from which the widget will display the content. Options include Posts, Pages, Custom post types if available, Manual Selection, Current Query, and Related. Depending upon which source you’ve chosen for the query, you’ll be given options which allow you to filter the results.

Include
  1. Include By: Term or Author, then use Search and Select to choose which ones to use. Terms include all of the items in a taxonomy. The available taxonomies are: categories, tags, formats and custom taxonomies.
  2. Date: Select from All, Past Day, Past Week, Past Month, Past Quarter, Past Year, Custom (Choose Before or After dates) 
  3. Order By: Set the order in which the posts will be displayed. Options include: Date, Title, Menu Order, or Random
  4. Order: DESC (descending) or ASC (ascending)
  5. Ignore Sticky Posts: Yes or No (Sticky Posts option works only if zero terms have been selected)
  6. Query ID: Give your Query a custom unique ID to allow server side filtering

Note: Choosing Related as the Source and Category as the Include By term will display posts related to the category assigned to the current post being displayed. So if the user is viewing a post in the Travel category, for example, the page will show Related posts which are also in the Travel category. If the post currently displayed has multiple categories assigned to it, the Related posts will pull posts from the FIRST category (alphabetically) assigned to the post. Important Exception: Keep in mind that if you set a Fallback for Related Posts, it will not take the query into account. Once you select a fallback as shown below, it will pull and display all the latest posts.

Exclude

These settings become available once you select Exclude

  1. Exclude By: Current Post, Manual Selection, Term, or Author, then use Search and Select for Manual,Term, or Author choices
  2. Avoid Duplicates: Yes or No – Choose Yes to avoid displaying duplicate posts on the frontend only. Elementor looks for duplicates at the page level (not at the widget level) given that there cannot be duplicates in a Posts widget.
  3. Offset: Use this setting to skip over posts (e.g. “2” to skip over 2 posts).
  4. Date: All, Past Day, Past Week, Past Month, Past Quarter, Past Year, Custom (Choose Before or After dates)
  5. Order By: Date, Title, Menu Order, or Random
  6. Order: DESC (descending) or ASC (ascending)
  7. Ignore Sticky Posts: Yes or No (Sticky Posts option works only if zero terms have been selected)
  8. Query ID: Give your Query a custom unique ID to allow server side filtering. See the developer docs for more information on how to use this advanced feature.

Pagination

Pagination: Choose how you wish to paginate the results. Options include None, Numbers, Previous/Next, or Numbers + Previous/Next.


Style

Layout

  1. Columns Gap: Set the exact gap between the columns
  2. Rows Gap: set the exact gap between the rows
  3. Alignment: Set the alignment of the content in the widget as left, center or right

Box

  1. Border Width: Set the thickness of the border around the post’s box
  2. Border Radius: Set the roundness of the border corners of the post’s box
  3. Padding: Set the padding within the border of the post box
  4. Content Padding: Add additional padding around just the content of the post box
  5. Box Shadow: Set the box shadow options around the post box for both normal and hover modes
  6. Background Color: Choose the background color of the post box for both normal and hover modes
  7. Border Color: Choose the border color of the post box for both normal and hover modes

Image

  1. Border Radius: Set the roundness of the edges of the images
  2. Spacing: Set the exact spacing between the image and the content
  3. CSS Filters: Adjust the image style by changing the CSS Filter scales for Blur, Brightness, Contrast, Saturation, and Hue settings

Content

Title

  1. Color: Set the color of the titles
  2. Typography: Set the typography of the titles
  3. Spacing: Set the spacing between the title and the content

Meta

  1. Color: Set the color of the meta data
  2. Separator Color: Set the color of the meta data separator
  3. Typography: Set the typography for the meta data
  4. Spacing: Set the spacing between the meta data and the excerpt

Excerpt

  1. Color: Set the color of the excerpt
  2. Typography: Set the typography of the excerpt
  3. Spacing: Set the spacing between the excerpt and the read more

Read More

  1. Color: Set the color of the read more
  2. Typography: Set the typography for the read more text
  3. Spacing: Set the spacing between the read more text and the bottom of the post box

Cards Skin

The Cards Skin is a customizable pre-designed layer template that gets applied to the Posts widget, giving your posts a trendy material design style.

Content

 

Layout

  1. Skin: Select a pre-designed skin, either Classic, Cards, or Full Content
  2. Columns: Set how many columns will be displayed, from 1 to 6
  3. Posts Per Page: Set the exact amount of posts displayed
  4. Show Image: Choose to show or hide the featured image
  5. Masonry: Slide on or off
  6. Image Size: Set the size of the image, from thumbnail to full
  7. Image Ratio: Set the exact ratio of the images
  8. Title: Choose to show or hide the title
  9. Title HTML Tag: Select the HTML tag to use for the title, from H1 to H6, or div, span, or p
  10. Excerpt: Choose to show or hide the excerpt
  11. Excerpt Length: Choose the length of the excerpt, setting the exact amount of words displayed
  12. Meta Data: Select the meta data to be displayed in the widget. A click on the field opens the list of options. The options include author, date, time and comments
  13. Separator Between: Choose the separator you want to use between the meta data
  14. Read More: Show or hide the Read More button
  15. Read More Text: Customize the Read More text
  16. Badge: Show or hide the Badge. The badge lets you show the category, tag or other taxonomy inside the card
  17. Avatar: Show or hide the user avatar of the post’s author

Note: In regards to the Posts Per Page option, please be aware that the Posts widget will load all sticky posts + the number of posts per page that you set in the Posts Per Page option. This is how WordPress fundamentally treats sticky posts. For example, if you set Posts Per Page = 1 but you have 5 sticky posts, then the total number of posts loaded on the frontend would be 6 (1+5=6}.

Note: When Elementor displays a post, if it has no excerpt, Elementor automatically generates an excerpt from the post’s content. The Excerpt Length option allows you to control the length of this auto-generated excerpt. However, the excerpt length only applies to posts in which no manual excerpt has been entered. The length specified in the Elementor widget is ignored if a manually-generated excerpt exists for a post. 

Query

Source: Select the source from which the widget will display the content. Options include Posts, Pages, Custom post types if available, Manual Selection, Current Query, and Related. Depending upon which source you’ve chosen for the query, you’ll be given options which allow you to filter the results.

Include
  1. Include By: Term or Author, then use Search and Select to choose which ones to use. Terms include all of the items in a taxonomy. The available taxonomies are: categories, tags, formats and custom taxonomies.
  2. Date: Select from All, Past Day, Past Week, Past Month, Past Quarter, Past Year, Custom (Choose Before or After dates) 
  3. Order By: Set the order in which the posts will be displayed. Options include: Date, Title, Menu Order, or Random
  4. Order: DESC (descending) or ASC (ascending)
  5. Ignore Sticky Posts: Yes or No (Sticky Posts option works only if zero terms have been selected)
  6. Query ID: Give your Query a custom unique ID to allow server side filtering

Note: Choosing Related as the Source and Category as the Include By term will display posts related to the category assigned to the current post being displayed. So if the user is viewing a post in the Travel category, for example, the page will show Related posts which are also in the Travel category. If the post currently displayed has multiple categories assigned to it, the Related posts will pull posts from the FIRST category (alphabetically) assigned to the post. Important Exception: Keep in mind that if you set a Fallback for Related Posts, it will not take the query into account. Once you select a fallback as shown below, it will pull and display all the latest posts.

 
Exclude

These settings become available once you select Exclude

  1. Exclude By: Current Post, Manual Selection, Term, or Author, then use Search and Select for Manual,Term, or Author choices
  2. Avoid Duplicates: Yes or No – Choose Yes to avoid displaying duplicate posts on the frontend only. Elementor looks for duplicates at the page level (not at the widget level) given that there cannot be duplicates in a Posts widget.
  3. Offset: Use this setting to skip over posts (e.g. “2” to skip over 2 posts)
  4. Date: Select from All, Past Day, Past Week, Past Month, Past Quarter, Past Year, Custom (Choose Before or After dates)
  5. Order By: Date, Title, Menu Order, or Random
  6. Order: DESC (descending) or ASC (ascending)
  7. Ignore Sticky Posts: Yes or No (Sticky Posts option works only if zero terms have been selected)
  8. Query ID: Give your Query a custom unique ID to allow server side filtering. See the developer docs for more information on how to use this advanced feature.

Pagination

Pagination: Choose how you wish to paginate the results. Options include None, Numbers, Previous/Next, or Numbers + Previous/Next.


Style

Layout

  1. Columns Gap: Set the exact gap between the columns
  2. Rows Gap: set the exact gap between the rows
  3. Alignment: Set the alignment of the content in the widget as left, center or right

Card

  1. Background Color: Choose the background color of the card
  2. Border Color: Choose the border color of the card
  3. Border Width: Set the thickness of the border around the card
  4. Border Radius: Set the roundness of the border corners of the card
  5. Horizontal Padding: Set the horizontal padding of the card’s content
  6. Vertical Padding: Set the vertical padding of the card’s content
  7. Box Shadow: Choose Yes to apply a pre-defined box shadow to the card
  8. Hover Effect: Select a hover effect, either None or Gradient
  9. Meta Border Color: Choose the border color above the meta data

Image

  1. Spacing: Set the exact spacing between the image and the content
  2. CSS Filters: Adjust the image style by changing the CSS Filter scales for Blur, Brightness, Contrast, Saturation, and Hue settings

Badge

  1. Badge Position: Align badge to the left or right of the card
  2. Background Color: Choose the background color of the badge
  3. Text Color: Choose the text color of the badge
  4. Border Radius: Set the border radius to control corner roundness
  5. Size: Set the size of the badge
  6. Margin: Control the distance of the badge from the top and side of the card
  7. Typography: Set the typography of the badge text

Avatar

Size: Set the size of the avatar.

Content

Title

  1. Color: Set the color of the titles
  2. Typography: Set the typography of the titles
  3. Spacing: Set the spacing between the title and the content

Meta

  1. Color: Set the color of the meta data
  2. Separator Color: Set the color of the meta data separator
  3. Typography: Set the typography for the  meta data
  4. Spacing: Set the spacing between the  meta data  and the excerpt

Excerpt

  1. Color: Set the color of the excerpt
  2. Typography: Set the typography of the excerpt
  3. Spacing: Set the spacing between the excerpt and the read more

Read More

  1. Color: Set the color of the read more
  2. Typography: Set the typography for the read more text
  3. Spacing: Set the spacing between the read more text and the bottom of the post box

Full Content Skin

The Full Content Skin allows you to display the entire post’s content on your post list pages.

Content

Layout

  1. Skin: Select a pre-designed skin, either Classic, Cards, or Full Content
  2. Posts Per Page: Set the exact amount of posts displayed
  3. Show Thumbnail: Choose Yes or No to show or hide the featured image
  4. Image Size: Set the size of the featured image, from thumbnail to full
  5. Image Ratio: Set the exact ratio of the featured image
  6. Image Width: Set the width of the featured image
  7. Title: Choose to show or hide the title
  8. Title HTML Tag: Select the HTML tag to use for the title, from H1 to H6, or div, span, or p
  9. Meta Data: Select the meta data to be displayed in the widget. A click on the field opens the list of options. The options include author, date, time and comments
  10. Separator Between: Enter the separator character(s) you wish to use between the meta data

Note: In regards to the Posts Per Page option, please be aware that the Posts widget will load all sticky posts + the number of posts per page that you set in the Posts Per Page option. This is how WordPress fundamentally treats sticky posts. For example, if you set Posts Per Page = 1 but you have 5 sticky posts, then the total number of posts loaded on the frontend would be 6 (1+5=6}.

Query

Source: Select the source from which the widget will display the content. Options include Posts, Pages, Custom post types if available, Manual Selection, Current Query, and Related. Depending upon which source you’ve chosen for the query, you’ll be given options which allow you to filter the results.

Include
  1. Include By: Term or Author, then use Search and Select to choose which ones to use. Terms include all of the items in a taxonomy. The available taxonomies are: categories, tags, formats and custom taxonomies.
  2. Date: Select from All, Past Day, Past Week, Past Month, Past Quarter, Past Year, Custom (Choose Before or After dates) 
  3. Order By: Set the order in which the posts will be displayed. Options include: Date, Title, Menu Order, or Random
  4. Order: DESC (descending) or ASC (ascending)
  5. Ignore Sticky Posts: Yes or No (Sticky Posts option works only if zero terms have been selected)
  6. Query ID: Give your Query a custom unique ID to allow server side filtering

Note: Choosing Related as the Source and Category as the Include By term will display posts related to the category assigned to the current post being displayed. So if the user is viewing a post in the Travel category, for example, the page will show Related posts which are also in the Travel category. If the post currently displayed has multiple categories assigned to it, the Related posts will pull posts from the FIRST category (alphabetically) assigned to the post. Important Exception: Keep in mind that if you set a Fallback for Related Posts, it will not take the query into account. Once you select a fallback as shown below, it will pull and display all the latest posts.

Exclude

These settings become available once you select Exclude

  1. Exclude By: Current Post, Manual Selection, Term, or Author, then use Search and Select for Manual,Term, or Author choices
  2. Avoid Duplicates: Yes or No – Choose Yes to avoid displaying duplicate posts on the frontend only. Elementor looks for duplicates at the page level (not at the widget level) given that there cannot be duplicates in a Posts widget.
  3. Offset: Use this setting to skip over posts (e.g. “2” to skip over 2 posts)
  4. Date: Select from All, Past Day, Past Week, Past Month, Past Quarter, Past Year, Custom (Choose Before or After dates)
  5. Order By: Date, Title, Menu Order, or Random
  6. Order: DESC (descending) or ASC (ascending)
  7. Ignore Sticky Posts: Yes or No (Sticky Posts option works only if zero terms have been selected)
  8. Query ID: Give your Query a custom unique ID to allow server side filtering. See the developer docs for more information on how to use this advanced feature.

Pagination

Pagination: Choose how you wish to paginate the results. Options include None, Numbers, Previous/Next, or Numbers + Previous/Next.


Style

Box

  1. Border Width: Set the thickness of the border around the box
  2. Border Radius: Set the roundness of the border corners of the box
  3. Padding: Set the padding of the entire box
  4. Content Padding: Set the padding of just the box’s content
  5. Box Shadow: Choose Yes to apply a pre-defined box shadow to the box
  6. Background Color: Select a box color, for Normal and Hover states
  7. Border Color: Choose the border color of the box for Normal and Hover states

Image

  1. Border Radius: Set the roundness of the corners for the featured image
  2. Spacing: Set the exact spacing between the featured image and the content
  3. CSS Filters: Adjust the featured image style by changing the CSS Filter scales for Blur, Brightness, Contrast, Saturation, and Hue settings

Content

Title

  1. Color: Set the color of the titles
  2. Typography: Set the typography of the titles
  3. Spacing: Set the spacing between the title and the content

Meta

  1. Color: Set the color of the meta data
  2. Separator Color: Set the color of the meta data separator
  3. Typography: Set the typography for the   meta data
  4. Spacing: Set the spacing between the   meta data   and the excerpt

Elementor’s Breadcrumbs Widget works with the popular Yoast SEO Plugin. So to use this widget, INSTALL YOAST SEO.


Content

  1. Alignment: Set the Alignment.
  2. HTML Tag: Choose an HTML Tag

Note: Additional settings are available in the Yoast SEO Breadcrumbs Panel

Style

  1. Typography: Click the  icon to design the typography using Elementor’s design options
  2. Text Color: Set the color for the text
  3. Link Color: Set the color for the link. Set it for Hover as well

Elementor offers a set of widgets called ‘Theme Elements‘ that can be used to create your single post. These include the Post Title widget, Post Info (Meta Data) widget, Post Excerpt widget, Post Content widget, Featured Image widget, Search Form widget, Author Box widget, Post Comments widget, Post Navigation widget, and Breadcrumbs widget (if Yoast SEO plugin is installed and active).

You can learn more about these widgets below

Post Title

The title of the current post.

Post Info (Meta)

The current post’s meta data such as Author, Date, Time, and Number of Comments.

Post Excerpt

The short summary of the current post.

Post Content

The heart of the current post is the content, of course!

Featured Image

The featured image of the current post.

Author Box

A box which features the author’s bio.

Search Form

A search form to help users find content on your site.

Post Comments

A user comments section.

Post Navigation

Navigation to allow users to easily navigate between posts.

Breadcrumbs

Breadcrumbs which enable users to navigate your site easily, while also providing search engines clues as to the structure of your site. (Requires Yoast SEO plugin).

Read the tutorial showing how to Create a Single Post Template

The Featured Image widget is a Theme Element. It is one of the available Single Post Template widgets that is used to dynamically display the current post’s featured image.

Content

Image

  1. Choose Image: Featured Image is the only option (see note below).
  2. Image Size: Select the size of the image, from thumbnail to full, or enter a custom size
  3. Alignment: Align the image to the left, center, or right
  4. Caption: Enter text to be included as a caption under every Featured Image. Note that the same caption will be displayed under each. This is not dynamic.
  5. Link to: Choose to link the image to None, Media File, or Custom URL. If Media File is chosen, you have the option to choose to use the Lightbox or not. If Custom URL is chosen, you can either input a URL, or more appropriately, select the  icon to choose a dynamic URL such as the Post URL.

Note: If you click “Featured Image”, a window will pop up to allow you to choose a Fallback Image in the event that a Featured Image does not exist.


Style

Image

  1. Width: Set the width of the image
  2. Max Width: Set the maximum width of the image as a percentage
  3. Opacity: Control the opacity of the image
  4. CSS Filters: Adjust the image style by changing the CSS Filter scales for Blur, Brightness, Contrast, Saturation, and Hue settings
  5. Border Type: Select the type of border
  6. Border Radius: Set the border radius to control corner roundness
  7. Box Shadow: Adjust box shadow options

When setting the Hover state, two new options appear:

  1. Transition Duration: Set the duration time in milliseconds for the hover effect
  2. Hover Animation: Choose the hover animation for the image

Read the tutorial showing how to Create a Single Post Template

The Post Content widget is a Theme Element. It is one of the available Single Post Template widgets that is used to dynamically display the current post’s content.

Important: This widget is a REQUIRED element on the Single Post Template. If this widget is not added to the Single Post Template, the Elementor editor will not load.

Style

  1. Alignment: Align the content left, centered, right, or justified
  2. Text Color: Choose the color of the content’s text
  3. Typography: Set the typography options for the content’s

The Post Comments widget is a Theme Element. It is one of the available Single Post Template widgets that is used to dynamically display a post’s user comments.

Content

Comments

  1. Skin: Select an available skin. Currently one skin is available, the Theme Comments skin. The Theme Comments skin uses the currently active theme comments design and layout to display the comment form and comments
  2. Source: Select the source of the user comments, either those from the Current Post or Custom. If Custom is chosen, the following option becomes available: 
    Search & Select: When you start typing a specific name of a post, you will get the autocomplete full name of the post, which you can then select. The comments from the selected post will be displayed.

Note: The Post Comments widget will only work if comments are allowed. This setting is controlled via WordPress Discussion settings.

Read the tutorial showing how to Create a Single Post Template

The Author Box widget is a Theme Element. It is one of the available Single Post Template widgets that is used to dynamically display the current post’s author box.


Content

  1. Drag an Author Box into the editing screen
  2. Source: Choose between Current Author or Custom Author

    Note: Current Author takes the WordPress user’s dynamic info to display the Post Author. Custom Author is static info.

  3. Profile Picture: Show or Hide the Profile Picture. When using Custom – upload an image
  4. Name: Show or Hide the Author Name. When using Custom – type the Author Name
  5. HTML Tag: Choose an HTML Tag for your Author
  6. Link To: Link the Author Name and Image to your website or your post archive. When using Custom – enter your own link
  7. Biography: Show or Hide your Author Biography. When using Custom – enter your Author Biography
  8. Archive Button: Show or Hide an Archive Button. This will direct your users to your post archive. When using Custom – enter your own link
  9. Archive Text: Type the Archive Button text
  10. Layout: Set the layout for your Author Box
  11. Alignment: Set the Alignment for your Author Box

Style

Image

  1. Vertical Align:  align your Author image to the top or to the middle.
  2. Image Size: Set the image size
  3. Gap: Adjust the gap between the image and the text
  4. Border: Slide for a border
  5. Border Color: Set the border color
  6. Border Width: Set the border width
  7. Border Radius: Set the border radius
  8. Box Shadow: Add Box Shadow to your Image

Text

Under Name:

  1. Color: Set the Author name text color
  2. Typography: Set the typography design
  3. Gap: Set the gap between the Author Name and the Biography

Under Biography:

  1. Color: Set the Biography text color
  2. Typography: Set the typography design
  3. Gap: Set the gap between the Biography and the Button

Button

  1. Text Color: Set the Button Text Color
  2. Background Color: Set the button Background Color
  3. Typography: Set the Typography design
  4. Border Width: Set the border width
  5. Border Radius: Set the border radius
  6. Padding: Set the button padding

The Post Excerpt widget is a Theme Element. It is one of the available Single Post Template widgets that is used to dynamically display the current post’s excerpt.

Content

Post Excerpt is the only option.

Note: If you click “Post Excerpt”, a window will popup to allow you to choose a Fallback Excerpt in the event that a Post Excerpt does not exist. This popup also allows you to place static content Before and/or After the Post Excerpt

Style

  1. Text Color: Choose the color of the excerpt text
  2. Typography: Set the typography options for the excerpt text

Read the tutorial showing how to Create a Single Post Template

The Post Navigation widget is a Theme Element. It is one of the available Single Post Template widgets that is used to dynamically display navigation links to other posts.


Content

Post Navigation

  1. Label: Show or Hide the Previous/Next labels
  2. Previous Label: Enter the text for the Previous label
  3. Next Label: Enter the text for the Next label
  4. Arrows: Show or Hide the navigation arrows
  5. Arrows Type: Select a Font Awesome icon to represent the navigation arrows
  6. Post Title: Show or Hide the title of the previous or next post
  7. Borders: Show or Hide widget borders
  8. In Same Term: Indicates whether next post must be within the same taxonomy term as the current post, this lets you set a taxonomy per each post type

Style

Label

  1. Color: Choose the color of the labels
  2. Typography: Set the typography options for the labels

Title

  1. Color: Choose the color of the labels
  2. Typography: Set the typography options for the labels

Arrow

  1. Color: Choose the color of the arrows
  2. Size: Set the size of the arrows
  3. Gap: Set the amount of spacing between the arrows and the text

Borders

  1. Color: Choose the color of the borders
  2. Size: Set the size of the borders
  3. Spacing: Set the amount of spacing between the borders and the text

Read the tutorial showing how to Create a Single Post Template

The Post Info widget is a Theme Element. It is one of the available Single Post Template widgets that is used to dynamically display the current post’s meta data, such as author, date, time, and comments.

Content

Meta Data

Layout: Choose to display the post info items vertically or horizontally.

The next options are displayed as a list of all the available meta data. You can drag and drop them to change their order. Click on the Add Item button to add a custom post info meta item to the list.

Tip: Quickly duplicate or delete items by clicking an item’s Duplicate or Delete icon. 

By clicking on each item you can customize its content and settings, which are:

Author

  1. Type: Change the type of item from Author to Date, Time, Comments, Terms, or Custom
  2. Before: Enter text to be displayed before the Author
  3. Avatar: Set to YES to display the Author’s avatar next to the Author’s name
  4. Link: Set to YES to link to the Author’s archive
  5. Icon: Select None or select Default to display the default icon, or choose Custom to select a Font Awesome icon

Date

  1. Type: Change the type of item from Date to Author, Time, Comments, Terms, or Custom
  2. Date Format: Select from several date formats, or choose Custom to format your own
  3. Before: Enter text to be displayed before the Date
  4. Link: Set to YES to link to that Date’s archive
  5. Icon:  Select None or select Default to display the default icon, or choose Custom to select a Font Awesome icon

Time

  1. Type: Change the type of item from Time to Author, Date, Comments, Terms, or Custom
  2. Time Format: Select from several time formats, or choose Custom to format your own
  3. Before: Enter text to be displayed before the Time
  4. Icon: Select None or select Default to display the default icon, or choose Custom to select a Font Awesome icon

Comments

  1. Type: Change the type of item from Comments to Author, Date, Time, Terms, or Custom
  2. Before: Enter text to be displayed before the Comments
  3. Custom Format: Set to YES to change the phrasing for No Comments, One Comment, etc.
  4. Link: Set to YES to link to the comment form for the current post
  5. Icon: Select None or select Default to display the default icon, or choose Custom to select a Font Awesome icon

Style

List

  1. Space Between: Adjust the space between each post info item
  2. Alignment: Align the list of post info items left, center, or right
  3. Divider: Set ON to add a divider line between each post info item.

If Divider is set to ON, the following options become available:

Divider

  1. Style: Select solid, double, dotted or dashed
  2. Weight: Set the divider’s weight
  3. Height: Set the divider’s height
  4. Color: Choose the divider’s color

Icon

  1. Color: Choose the color of the post info icon
  2. Size: Set the size of the post info icon

Text

  1. Text Indent: Set the amount of space the text is indented from the icon
  2. Text Color: Choose the color of the text
  3. Typography: Set the typography options for the text

Read the tutorial showing how to Create a Single Post Template

The Post Title widget is a Theme Element. It is one of the available Single Post Template widgets that is used to dynamically display the current post’s title.


Content

Title

  1. Title: Post Title is the only option
  2. Link:  Enter a URL, or more appropriately, select the Dynamic icon to choose a dynamic URL such as the Post URL
  3. Size: Select the title size, choosing from Default, S, M, L, XL, or XXL. Additional sizing is available on the Style tab in the Typography options
  4. HTML Tag: Set the heading’s HTML tag to H1- H6, Div, Span or Paragraph
  5. Alignment: Align the post title to the left, right, center, or justified

Note: If you click “Post Title”, a window will popup to allow you to choose a Fallback Title in the event that a Post Title does not exist. This popup also allows you to place static content Before and/or After the Post Title


Style

Title

  1. Text Color: Choose the color of the Title’s text
  2. Typography: Set the typography options for the Title
  3. Text Shadow: Add a shadow and blur to the Post Title
  4. Blend Mode: Set a blend mode for the title

Read the tutorial showing how to Create a Single Post Template

Have a question about this?