1. Home
  2. Docs
  3. Post Elements
  4. Single Post

Single Post EA Element

With the Single Post EA Element, you can design your blog posts visually on the website and without any code. You can style and add effects on your single post to attract your viewers. Here in this tutorial, you’re going to learn how to use the Single Post element into Elementor Page Builder. So let’s get straight into it:


If you don’t know how to activate elements and start using it, then check the tutorials below:

Ξ Activate/De-activate Elements

Ξ Using Elementor Addons in Elementor


 

How to Customize the Single Post Element

 

»Content

Layout

⇒Content: Select a post you want to display on the single post template. Elementor Template is a template that you can choose from the Elementor Templates library.

⇒Tag: Show/hide the tag of your blog post on the single post.

⇒Title: Show/hide the title of your blog post on the single post.

⇒Link Title: If you want to link the title, here you can enable or disable it.

⇒Date: Show/hide the date of your blog post on the single post.

⇒Category: Show/hide the category of your blog post on the single post.

⇒Excerpt: Show/hide the excerpt here. If the ‘Excerpt’ option is enabled, you will able to set the length of excerpt words.

 

Layout Settings

⇒Show Load More: Show/hide the load more button from the post. If select Show, enter the label text.

⇒Show Image: Show/hide the image from the post. If select Show, customize the image size to fit in the container.

⇒Show Title: Show/hide the title from here.

⇒Show Excerpt: Show/hide the excerpt here. If the ‘Excerpt’ option is enabled, you will able to set the limit of excerpt words and add the expansion indicator.

Unable To Use or Found Bugs?

⇒Need Support: Are you in need of a feature that’s not available in our plugin or got some bugs? Feel free to do a Support request.


»Style

 

Tag

⇒Background Color: Add a custom background color to the post tags and customize the opacity.

⇒Color: Add a custom color to the post tags and customize the opacity.

⇒Border Type: Select a border type from the list according to your preference. And then set the border width for the top, right, bottom and left of the tag text for different dimensions. You can link the values together or customize them individually.

⇒Border Color: Add a custom color to the tag border.

⇒Border Radius: Increasing the border-radius will add circular corners to the container around the tag. You can adjust the border-radius in pixels, % or em.

⇒Typography: Set the typography options for the tags.

 

Title

⇒Title Color: Add a custom color to the post title and customize the opacity.

⇒Typography: Set the typography options for the title.

 

Date

⇒Date Color: Add a custom color to the post date and customize the opacity.

⇒Typography: Set the typography options for the date.

 

Category

⇒Category Color: Add a custom color to the post category and customize the opacity.

⇒Typography: Set the typography options for the category.

⇒Meta Separator Color: Add a custom color to the meta separator and customize the opacity.

 

Excerpt

⇒Color: Add a custom color to the post excerpt and customize the opacity.

⇒Space: Generate space between the excerpt text and post title.

⇒Typography: Set the typography options for the excerpt texts.

 

Overlay

⇒Overlay Color: Add a custom color to the post overlay and customize the opacity.

 


»Advanced

Set the Advanced options that are applicable to this widget

Still can’t figure out? Don’t worry, we got your back! Just watch the video tutorial below to have a precise understanding of Single Post Element.


Was this article helpful to you? Yes No

How can we help?