Panderman Elementor Blog Page Template

Panderman Elementor Blog Page Template

Panderman is a blog page template created with Elementor page builder. If you use Elementor on your WordPress website, you can import it. The template uses the native Posts widget of Elementor to display the blog posts. The Posts widget itself is available on the pro version. In other words, you need to have the pro version of Elementor installed and activated on your website (read: Elementor Free vs Pro).

The template comes in a simple, yet elegant nuance. You can implement it on your website regardless of its theme. Before importing the template, make sure you already have some blog posts.

Although the Posts widget of Elementor already offers some built-in styling options, some CSS snippets are added to the widget to apply some stylings that are not offered by Elementor. One of which is the snippet to make the read more link looks like a button like the one below.

There is also a CSS snippet to turn the numbered pagination into more eye-catching — as well as the one to add a hover effect to an individual post items.

More importantly, the template has been optimized for all screen sizes (desktop, tablet, and mobile/smartphone). You can preview it first before downloading the Elementor template to your computer.

Raung Elementor Blog Page Template

Raung is a template for Elementor page builder. You can use it to create a blog page on your website — a page dedicated to displaying blog posts on your website. The template consists of two sections whereby all widgets on each section are already available on Elementor (Free and Pro).

Before importing the template, make sure you have Elementor Pro installed and activated on your website as some elements on the template are only available on the pro version, including the Posts widget which is used to display the blog posts (read: Elementor Free vs Pro). Also, the template uses some CSS snippets to apply custom styling on the Posts widget.

Raung has been optimized for all screen sizes (desktop, tablet, and mobile), as you can see on the following screencast.

On the hero section of the template, you can find a search field which is aimed at making it easy for visitors to find your content. The search field is created with the native Search Form widget of Elementor. If you want it, you can replace it with the Advanced Widget belongs to Essential Addons to offer a more advanced searching feature to your visitors.

Mahameru Blog Page Template for Elementor

Mahameru blog page template for Elementor

Do you want to create a blog page on your Elementor-powered WordPress site? If yes, you can take look at the Mahameru template. It is an Elementor template designed specifically for a blog page.

Blog page itself refers to a page on a website dedicated to displaying blog posts. Elementor (the pro version) comes with a Posts widget which you can use to display blog posts on your website. Being a blog page template, Mahameru definitely includes the Posts widget on the template. The blog posts are displayed in a list style, with featured image is placed on the right side.

Mahameru is designed to create a simple blog page. It uses the built-in settings on Elementor. No CSS snippet is added to its elements.

Welirang Blog Page Template for Elementor

Welirang is an Elementor template designed specifically for a blog page (a page dedicated to displaying blog posts). More specifically, the template is aimed at websites that offer software, mobile app, or online services. Even so, you can also use it for other website types as well if you like it.

The template is built using Elementor only (Free and Pro). No third-party Elementor add-on involved. It uses the native Posts widget to display blog posts. As you can see on the demo, the blog posts are are displayed in three sections:

Beneath each section you will find a button. You can add a link to this button that point to the archive page of the particular section.

After importing the template, make sure edit the query on each Posts widget to filter the posts. You can filter the posts by post term (category, tag) or author. Read here to learn more how to use the Posts widget of Elementor.

The Welirang template uses some CSS snippets to the Posts widget to add hover effect to individual blog posts, as well to turn the read more into a button-like.

Penanggungan Blog Page Template for Elementor

Penanggungan is an Elementor template designed specifically for a blog page. The template is perfect if you have a static homepage and want to create a dedicated blog page to display the blog posts on your website.

Elementor has a Posts widget which you can use to display the posts on your WordPress site. It offers plenty of options to style up the post feed. Also, you can set the query to filter the posts to be displayed. You can include or exclude articles on your website.

The Penanggungan blog page template starts with a heading section as well as a search form on top section. This section is aimed at making it easy for your visitors to find a blog post on your website. Beneath this section is a section that displays the latest blog post. You can edit the query to use this section to display a featured blog post if you want to. A little CSS snippet is added to this section to a custom shape for the featured image.

On the third section, you will find all blog posts displayed using the Posts widget. Since the latest post already displayed on the upper section, you can exclude it on this section by utilizing the offset option.

A little CSS snippet is also added on this section to add a hover effect on post title on each post item.

Feel free to download the template and import it on your website.

Biru-biru Single Post Template for Elementor

Biru-biru is a single post template created with Elementor theme builder. You can import the template if you have Elementor Pro activated on your WordPress site. All elements on the template — from the widgets to font — are already available on Elementor so that you don’t need to install an additional plugin on your website.

You can use the Biru-biru Elementor template to replace the default single post template of your theme. After importing the template, you can add edit it to make some adjustments such as color, font size, font family, and so on. If you often write long-form articles, you can even add an estimated reading time.

To import the template, you can go to Templates -> Theme Builder on your theme. On Theme Builder page, hover your cursor over the Single Post tab and click the plus icon to add a new template.

On the appearing template library, click the up arrow icon — followed by the SELECT FILE button to select the JSON file of the template.

Wait a moment until Elementor is done importing your template. Afterwards, you can find it on the My Templates tab on the library window. Click the Insert button to load to the Elementor editor.

Edit the template if necessary. Once done, you can click the PUBLISH button to publish it. Before the template is applied, you will be asked to add a display condition first.

Pro Tip

Elementor offers a Post Content widget which you can use to customize the body (content area) of your content. However, it only allows you to customize the paragraph element.

If you want to customize other elements such as headings and link, you can do so from Elementor Site Settings which you can access by clicking the hamburger icon on the top-left corner on the Elementor settings panel. Click the Site Settings menu.

You go to the Typography block to customize the heading elements. From here, you can also set paragraph spacing, and link color.

Keep Going Elementor Single Post Template

Keeping Going is an Elementor template built with the Theme Builder feature of Elementor Pro. The template is designed for single post of WordPress. More specifically, it is designed for blog posts. So, if you have a WordPress blog built with Elementor Pro and are looking for a free single post template, Keep Going is a great item to take a look at.

The Keep Going Elementor single post template is built with a sidebarless design approach to enhance the reading experience. It comes with the necessary elements such as post title, featured image, post meta, post content, to related posts.

Also, you will find an email opt-in form beneath the post body area. You can connect the form with email marketing plugins like MailPoet, weMail, to Newsletter. Of course, you can also connect it with a third-party email marketing plugin like MailerLite, ConverKit, to ActiveCampaign.

How to Use the Template

Theme Builder is a feature available on Elementor Pro (read: Elementor Free vs Pro). So, before downloading the template, make sure you have upgraded to Elementor Pro in case you haven’t done so. Once you ready, download the template by clicking the download button above. Next, extract the downloaded ZIP file to get the JSON file of the template.

Next, go to Templates -> Theme Builder on your WordPress dashboard to go to the Theme Builder page. Hover your cursor over the Single Post label on the left panel and click the plus icon to add a new template.

On the appearing template library window, click the arrow icon on the top bar to open the file picker. Simply click the SELECT FILE button to select the JSON file of the template. Confirm by clicking the Open button on the appearing dialog.

Once the template is imported, you can find it on the My Templates tab on the library window. Click the Insert button to load it to the Elementor editor.

Edit the template if there are parts you want to change. Once done, publish it by clicking the PUBLISH button on the settings panel. Next, set a display condition on the appearing window by clicking the ADD CONDITION button. End by clicking the SAVE & CLOSE button to apply the template.

Pro Tips

After importing the template above, you will find a Post Content widget. The widget is aimed at customizing the content of your post. However, you can only use it to customize the paragraph element. To customize other elements (heading elements in particular), you can go to Elementor Site Settings.

On the settings panel, click the hamburger icon on the top-left corner and select Site Settings.

Click the Typography menu on the Site Settings panel. As you can see, there are some elements you can customize — other than paragraph. One thing. Since you have customized the paragraph element using the Post Content widget, you don’t need to make any change on the Body block.

From Elementor Site Settings, you can also set the comment form fields (on the Form Fields menu), set the space between paragraphs, and so on.

Sedikit Hitam Elementor Single Post Template

Sedikit Hitam is a single post template created with Elementor Theme Builder. The template is inspired by the single post template of GitHub. Of course, it is not one hundred percent identical with GitHub’s single post template as all the materials used on the template are available for free, including the font family — which is available on the Elementor font list.

If you use Elementor Pro on your WordPress site, this Elementor template is great to be assigned to the blog posts to replace the default blog post template of your theme. You can modify the template to make it match the design scheme of your website.

Sedikit Hitam already includes all the necessary elements you need on the blog posts. From post title, featured image, post meta, related posts, to email opt-in form.

Importing the Template

First, you can download the template via the download button provided above. Unzip the downloaded ZIP file until you get the JSON file of the template.

Next, go to Templates -> Theme Builder on your WordPress dashboard to open the Theme Builder page. Once you are there, hover your cursor over the Single Post label on the left panel and click the plus icon.

You will be taken to the template library window after clicking the plus icon above. On this window, click the arrow icon to open the file picker. Click the SELECT FILE button to select the JSON file of the template. Click Open on the appearing dialog.

Wait a second until Elementor is done importing your template. Next, find your template under the My Templates on the template library window and click the Insert button to load it to the Elementor editor.

Edit the template if you need to. Once done, publish the template by clicking the PUBLISH button on the bottom side on the settings panel. One the appearing window, add a display condition by clicking the ADD CONDITION button. Click SAVE & CLOSE to apply the template.

Pro Tips

Elementor Pro offers the Post Content widget which you can use to customize the content body of your posts. However, the widget is only capable of customizing the paragraph element. To edit the heading elements (h2, h3, and so on), you can open Site Settings. Click the hamburger icon on the settings panel and select Site Settings to access Elementor Site Settings.

On Site Settings panel, click the Typography menu. As you can see, there are several elements you can customize. From body, link to headings. Since you have used the Post Content widget to customize the paragraph element, you don’t need to make any change on the body element from Site Settings panel.

From Site Settings panel, you can also customize the comment form (by clicking the Form Fields menu). Make sure to click the UPDATE button after making the changes.

The Explorer Elementor Single Post Template

Are you looking for a single post template for your Elementor-powered WordPress blog? If yes, you might want to take a look at The Explorer.

The Explorer is a single post template for Elementor. You can import it if you use the pro version of Elementor as the template is created using the Theme Builder feature of Elementor Pro. The template adopts a sidebarless approach — which is great if you want to offer a convenient reading experience on your blog. If you want to display a banner ad (e.g., Google AdSense), the template offers a space which you can find beneath the content area.

Furthermore, there is also an email opt-in form which you can use to collect email addresses. You can connect the form an email marketing plugin or service of your choice.

Importing the Template

First thing first, make sure you have installed and activated the Elementor Pro plugin on your WordPress blog. Next, you can download the template file by clicking the Download button above. Extract downloaded ZIP file to get the JSON file of the template.

Once you got the JSON file, go to Theme Builder page (Templates -> Theme Builder) and click the plus icon on the Single Post label on the left panel.

The template library window will appear when you click the plus icon above. Click the top arrow icon followed by SELECT FILE button to select the JSON file of the template.

Wait a moment until the importing process is done. Next, find your template on the My Templates tab. To load to the Elementor editor, you can click the Insert button.

You can modify the template when necessary once it is loaded to the Elementor editor. Once done, publish it by clicking the PUBLISH button on the settings panel. On the appearing dialog window, add a display condition and click the SAVE & CLOSE button.

Pro Tips

When creating a custom single post template using Elementor Theme Builder, you can use the Post Content widget to customize the content of your WordPress website. However, the widget can only be used to customize the paragraph element. If you want to customize the heading elements as well, you can do so from Site Settings.

To access Site Settings, you can click the hamburger icon on the top-left corner on the Elementor settings panel and select Site Settings.

Next, click the Typography menu.

As you can see, there are several elements you can customize here, including the heading elements. As you have customized the paragraph element via the Post Content widget, you don’t need to make any change on the Body settings block on Site Settings.

The Grey Stones Elementor Single Post Template

Looking for a single post template for Elementor? The Grey Stones is the one you can take a look at, then. It is a single post template designed specifically for blog posts although you can also use it for pages or even a custom post type. It comes with a simple, yet modern design that puts reading experience on the emphasis.

The Grey Stones is a perfect single post template if you want to prioritize reading experience on your blog. The template uses a font that is convenient to read. Also, the absence of sidebar offers a distraction-free reading experience. At the end section of the template, you will find a form that you can use to collect email addresses from your readers. This form — as well as other elements on the templates — are available on Elementor Pro. The fact is that the template doesn’t use a single widget from third-party add-on.

On the featured image column on the first section, you will find that the image is set to portrait orientation. Even so, you don’t need to edit the featured images on the existing posts to change the orientation as the orientation setting is set on Elementor. You can use either a portrait or landscape orientation for your featured images.

Importing the Template

The Grey Stones is created with Elementor Theme Builder. Thus, you can import it via Elementor Theme Builder as well. First, go to Templates -> Theme Builder on your WordPress dashboard to open Elementor Theme Builder. Next, hover your cursor over the Single Post label on the left panel and click the plus icon.

You can click the arrow icon on the on the appearing library window and click SELECT FILE button to select the JSON file of the template you have downloaded in advance.

Once the template is imported, select it. You can find the imported templates from the My Templates tab on the template library window. Click the Insert button to load it to the Elementor editor.

Make some edit when necessary. Once done, you can click the PUBLISH button on the bottom side on the settings panel. Next, add a display condition on the appearing dialog. End by clicking the SAVE & CLOSE button.

Useful Tips

Elementor offers a Post Content widget that you can use to customize the post content on your WordPress site. However, the widget is only capable of customizing the paragraph element. If you want to customize the heading elements (H2, H3, H4, and so on), you can do so from Site Settings of Elementor.

You can access Site Settings by clicking the hamburger icon on the top-left corner on the settings panel and select Site Settings.

You can click the Typography menu to edit the heading elements.

Dongker Elementor Single Post Template

Dongker is single post template for Elementor. The template is created using the native Theme Builder feature of Elementor Pro so that you don’t need to install an extra add-on to use import the template. You can assign the template whether to blog posts or pages on your WordPress site.

The Dongker single post template is created with reading experience in mind. There is no sidebar or annoying element added to the template. The template kit consists of two sections as follows:

  • First section: To place the featured image, post title, and post info (post meta)
  • Second section: To place the post content

You can edit the width of the first section (1120px) according to the width of the header on your website. You can also add other elements if you want to.

How to Import the Template

First thing first. You can download the template by clicking the Download button we provided above. Unzip the downloaded ZIP file and you can find a JSON file of the template.

Next, login to your WordPress dashboard and go to Templates -> Theme Builder. On the Theme Builder page, hover your cursor over the Single Post label on the left panel and click the plus icon.

On the appearing template library, click the top arrow icon followed by the SELECT FILE button to select the JSON file of the template.

Once the template is imported, select it from the My Templates tab. Click the Insert button to load it to the Elementor editor.

Once the template is loaded to the Elementor, you can make some edit if you want it. Once done, click the PUBLISH button on the bottom side of the settings panel. Add a display condition on the appearing dialog and click the SAVE & CLOSE button.

Pro Tips

Theme Builder only allows you to customize the following elements on the single post:

  • Post title
  • Post meta
  • Featured image
  • Post content (paragraph only)

If you want to customize other parts such as link, comment form, and heading tags, you can go to the Site Settings on the Elementor settings panel. To go there, you can click the hamburger icon on the top-left corner on the settings panel and select Site Settings.

3-Color Gradient Background for Elementor (in a Page Template)

This is an Elementor page template that consists of 18 sections whereby on each section you will find a three-color gradient background.

The gradient on each section is created using custom CSS. So, before importing the template make sure you already installed and activated the pro version of Elementor. Custom CSS is a feature that is only available on Elementor Pro.

You can read our article here if you want to learn how to create a multi-color gradient in Elementor

Pin It on Pinterest

Creating with WordPress?‚Äč

Subscribe and join 1,000+ WordPress users receiving tips and insights on creating with WordPress in the no-code era. At WP Pagebuilders, we write about the following topics a lot.