It’s useful when you need to target the shortcode in a style sheet or JavaScript file. The Extra Class Name field in the setting pop-up allows you to add an extra class name to the shortcode. You can read the Configuring a shortcode’s entrance animation article for further explanation. The Viewport Animation field in the settings pop-up allows you to hide the shortcode initially and make it visible with animation when you scroll in the browser. You can read the Configuring the visibility for devices article for further explanation. The Visibility For Devices field in the settings pop-up allows you to configure the visibility of the shortcode in different devices. Sets the amount of space between the bottom of your custom box and the next shortcode. SettingĪdds spacing on the top and bottom of the box.Īdds spacing on the left and right of the box. There are several settings in the custom box Settings pop-up that allow you to set the margin and padding values.
Jupiter custom image to iconbox update#
Don’t forget to click the Publish button to apply the new changes.6 Click on Save Changes and publish or update the page to check the result.Īfter you’ve added the custom box shortcode, click on the pencil icon and a modal window will appear with the options. Go to Blog -> Blog Single and set the blog single type to Custom and select the single post template you have just created above. To use the custom single post template you have just created, open to the WordPress theme customizer page ( Appearance -> Customize). To set the margins and paddings of each widget, you can go to the Advanced tab when styling up a widget.Ĭlick the PUBLISH button once you are done. 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.Īpart from the widgets above, you can also add other widgets to your liking, including the post comments and breadcrumbs. To add the post content, simply drag and the Post Content widget to the canvas area. You can set things like the icon size, space between list, text color, and typography. Go to the Style tab to style up the widget. To add a new item, simply click the ADD ITEM button. You can remove an existing item by clicking the X icon on each icon. The items you can display on the post meta are the author, date, time, comments, and terms.ĭrag the Post Meta widget to the canvas area and set the layout (vertical or horizontal). You can use the Post Meta widget to display the post meta. The image preview doesn’t show on the canvas area, but it appears on the articles. Note: This is might is a bug or there are some settings you need to make. You can set things like image width, opacity, border radius, and so on.
![jupiter custom image to iconbox jupiter custom image to iconbox](https://mediaprocessor.websimages.com/width/336/crop/16,10,300x180/jupitergraphics.webs.com/Untitled-1-1.png)
Go to the Style tab to style up your image. You can either use the Elementor’s native Image widget or Raven’s Image widget. To add the featured image, drag the Image widget to the canvas area and set the dynamic content to Featured Image. You can set the text color and the typography (font size, font style, font family, and so on) from the Style tab. You can either use the Elementor’s native Heading widget or Raven’s Heading widget. To add the post title, drag the Heading widget to the canvas area and set the dynamic content to Post Title.
![jupiter custom image to iconbox jupiter custom image to iconbox](http://www.uncleodiescollectibles.com/img_lib/Jupiter-2%20Diorama%2034%2007%209-4-10.jpg)
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. Select a structure according to the layout concept you want to create.
Jupiter custom image to iconbox plus#
Start by adding a section by clicking the pink plus icon on the canvas area. You can close the templates library window to open the Elementor editor since Jupiter X offers no premade single post templates to choose from. Give your template a name and click the CREATE TEMPLATE button. Open the Single tab and click the Add New button on the top side to create a new template. To get started, go to Templates -> Saved Templates. 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. The add-on - called Raven - comes with a number of widgets that you can use to create a custom single post layout. Artbees, the developer of the Jupiter X theme, develops an exclusive Elementor add-on for the theme. All of the key parts of this theme can be created with Elementor, including the single post layout. Jupiter X is one of the most popular premium WordPress themes.