How to Create a Custom Single Post Layout in Jupiter X

Jupiter X is one of the most popular premium WordPress themes. This theme is now Elementor-based. All of the key parts of this theme can be created with Elementor, including the single post layout. Artbees, the developer of the Jupiter X theme, develops an exclusive Elementor add-on for the theme. The add-on — called Raven — comes with a number of widgets that you can use to create a custom single post layout.

  • Post Content
  • Post Meta
  • Post Comment
  • Breadcrumbs

Of course, you can also add the featured image as well as the post title thanks to the dynamic content feature offered by Jupiter X.

To get started, go to Templates -> Saved Templates. Open the Single tab and click the Add New button on the top side to create a new template.

Give your template a name and click the CREATE TEMPLATE button.

You can close the templates library window to open the Elementor editor since Jupiter X offers no premade single post templates to choose from.

Start by adding a section by clicking the pink plus icon on the canvas area. Select a structure according to the layout concept you want to create. If you want to create a custom single post layout with a right sidebar, for instance, you can select the two-column structure and set the width of each column.

  • Adding the post title

To add the post title, drag the Heading widget to the canvas area and set the dynamic content to Post Title. You can either use the Elementor’s native Heading widget or Raven’s Heading widget.

Go to the Style tab to style up the widget. You can set the text color and the typography (font size, font style, font family, and so on) from the Style tab.

  • Adding the featured image

To add the featured image, drag the Image widget to the canvas area and set the dynamic content to Featured Image. You can either use the Elementor’s native Image widget or Raven’s Image widget.

Go to the Style tab to style up your image. You can set things like image width, opacity, border radius, and so on.

Note: This is might is a bug or there are some settings you need to make. The image preview doesn’t show on the canvas area, but it appears on the articles.

  • Adding post meta

You can use the Post Meta widget to display the post meta. The items you can display on the post meta are the author, date, time, comments, and terms.

Drag the Post Meta widget to the canvas area and set the layout (vertical or horizontal). You can remove an existing item by clicking the X icon on each icon. To add a new item, simply click the ADD ITEM button.

Go to the Style tab to style up the widget. You can set things like the icon size, space between list, text color, and typography.

  • Adding the post content

To add the post content, simply drag and the Post Content widget to the canvas area.

Unfortunately, there are no styling options offered by the Post Content widget so, like it or not, you have to use the default styling settings of Jupiter X.

Apart from the widgets above, you can also add other widgets to your liking, including the post comments and breadcrumbs. To set the margins and paddings of each widget, you can go to the Advanced tab when styling up a widget.

Click the PUBLISH button once you are done.

To use the custom single post template you have just created, open to the WordPress theme customizer page (Appearance -> Customize). Go to Blog -> Blog Single and set the blog single type to Custom and select the single post template you have just created above. Don’t forget to click the Publish button to apply the new changes.

This page may contain affiliate links, which help support WP Pagebuilders.

Leave a Reply

Your email address will not be published. Required fields are marked *

Pin It on Pinterest

Share This

Share This

Share this post with your friends!