How-to's

Common questions how to work with Jupiter X and Elementor, How to use API keys, How to add captcha to a form, etc.

Ali Mozafari avatar Tatyana avatar
169 articles in this collection
Written by Ali Mozafari and Tatyana
Page Design

Equal height columns in Jupiter X

How to create equal height columns in Jupiter X?
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

Adding a background to a specific page

How can I add a background image/color to a specific page?
Ali Mozafari avatar
Written by Ali Mozafari
Updated this week

Creating Tabs Layout in Elementor?

How to work with Tabs element in Elementor?
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

Applying Drop Cap to a paragraph in Elementor

How to apply Drop Cap to a paragraph in Elementor?
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

Applying Parallax Effect to a section's elements in Jupiter X

How to add parallax elements to a section?
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

Using a layout for a specific page in Jupiter X

Can I use a different layout for a specific page in Jupiter X?
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

Creating a table in Jupiter X

How to make a table in Elementor?
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

Creating a Full-Width template in Jupiter X

How to get rid of unwanted space on top and bottom of my page creating a Full-Width layout in Jupiter X
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

Creating a text with CSS gradient text effect in Elementor

How to add gradient to a text in Elementor?
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

Centering columns of a section vertically

How to center columns of a section vertically?
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

Centering content of a column vertically

How to center content of a column vertically?
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

Adding Shape Divider to a section in Elementor

How to add a shape divider to a section in Elementor?
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

Adding a link to Heading element in Jupiter X

How can I add a link to a Heading element?
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

Changing HTML Tag of a section

How to change HTML Tag of a section
Ali Mozafari avatar
Written by Ali Mozafari
Updated this week

Adding a Video in Jupiter X

How to use Video widget in Elementor?
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

Adding CSS Filters to Video Element

How can I use blending options for Video widget in Elementor?
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

Hiding header/footer for a specific page

How to hide header or footer for a specific page only?
Tatyana avatar
Written by Tatyana
Updated over a week ago
Elementor

What is the difference between Elementor and Elementor Pro?

Do I need Elementor Pro for Jupiter X?
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

Do I need to buy Elementor Pro?

Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

Changing z-index of an element in Jupiter X

How to change z-index of an element in Elementor
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

Assigning an ID or class to an Element in Elementor

How to assign an ID or class to an Element
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

Removing the space between elements in Elementor

Why is there a space between my elements when I add a new widget to my layout?
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

Does Elementor support RTL?

Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

Adding SoundCloud widget to Elementor

How to work with SoundCloud widget in Elementor?
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

Introducing Elementor's widgets layouts: Grid, Masonry, Justify and List

What's the differences between Elementor's widgets layouts?
Ali Mozafari avatar
Written by Ali Mozafari
Updated this week

Changing CSS units in Elementor

I want to change the px unit to %/EM/Rem for styling an Element in Elementor. How can I do that?
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

Changing the background of an element in hover

How to change the background of an element in hover in Elementor?
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

Adding a minimum height to a section

How to add a minimum height to a section in Elementor?
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

Changing transition duration for hover state of an Element in Elementor

How to change transition duration for hover state of an Element in Elementor?
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

Adjusting the column gap in Jupiter X theme using Elementor

How to remove/change the gap between columns in a section?
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

Setting default colors for Elementor's layout

How to set default colors for entire layout in Elementor?
Ali Mozafari avatar
Written by Ali Mozafari
Updated this week

Setting default colors for a section in Jupiter X using Elementor

How to set default colors for a Section in Elementor?
Ali Mozafari avatar
Written by Ali Mozafari
Updated this week

Adding CSS filter to an Image element in Jupiter X

How to change Brightness, Contrast, Saturation etc of an Image in Jupiter X?
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

Creating a full-height section in Jupiter X theme using Elementor

How to make a section in full-height?
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

Enabling Elementor for a Custom Post Type

How to enable Elementor for a custom post type like Portfolio or Products pages?
Ali Mozafari avatar
Written by Ali Mozafari
Updated this week

Adding text shadow to an element

How to add text-shadow to an element in Elementor?
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

Adding box shadow to your element in Jupiter X

How to add box shadow to an element in Elementor?
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

Adding a border to an element in Jupiter X using Elementor

How to add a border to an element in Elementor?
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

Copy styles in Jupiter X

How to copy styles from one element to another in Elementor
Tatyana avatar
Written by Tatyana
Updated over a week ago

Adding a background to an Element in Elementor

How to add a background to an Element?
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

Adding a color or image overlay to a section in Elementor

How can I add an overlay to a section?
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

How to reset the styles of an element in Jupiter X using Elementor?

I have ruined the styles of an element. Can I reset them?
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

Adding a column to a section in Jupiter X using Elementor

How can I add a column to a section in the Elementor?
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

Duplicating a widget in Jupiter X using Elementor

How can I duplicate my widget in Elementor?
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

Adding a filter blend mode to your text in Jupiter X using Elementor

How to blend a Heading element with background in Elementor
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

The difference between Divider and Spacer in Jupiter X

What’s the difference between divider and spacer in Elementor and when we can use them?
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

The difference between Section and Inner Section in Jupiter X

What's the difference between Section and Inner Section?
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

Difference between same name widgets in Jupiter X

What is the difference between same name widgets in Elementor
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

How can I create a viewport animation element in Jupiter X?

How to add scroll-to-animate effect to my widget in Elementor?
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

How to create anchored sections in Jupiter X using Elementor

How scroll to a section after clicking on a button in Elementor?
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

Adding a Shortcode in Jupiter X

How to use any shortcode in Elementor
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

Save, Import & Export Elementor Templates

Using a page or section multiple times or use them on other websites
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago
Mail

Sending an email via form in Elementor

How my website visitors can send an email to me via form in Elementor?
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

I don't receive any email, what should I do?

Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

Adding Email field to a Form widget in Elementor

How to add email field to my form in Elementor?
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

Adding Mailchimp to the Form element

How to integrate my Form element with Mailchimp in Elementor?
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

Adding new fields to the Form widget in Elementor

How to add a new Form Input to my Form widget in Elementor?
Ali Mozafari avatar
Written by Ali Mozafari
Updated this week

Adding a contact form/subscribe form in Jupiter X

How to add a contact form or newsletter to my web page in Elementor?
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

Removing field labels in the Form element

How to remove field labels of a form in Elementor?
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

Adding required mark to the form fields in Elementor

How to add asterisk (*) to required fields in Elementor?
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

Redirecting to a page when the form is submitted in Elementor

How to redirect the page after users submitted a form?
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

Making the form fields required in Elementor

How to make the form fields required in Elementor?
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

Adding custom feedback messages to the Form element

How to add custom feedback messages to a form after a user submitted it?
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

Adding reCAPTCHA to a Form widget in Elementor

How to secure my form with reCAPTCHA in Elementor?
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

Adding phone number to a form widget in Elementor

How to add phone number type field to form widget in Elementor?
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

Choosing an SMTP service

Tatyana avatar
Written by Tatyana
Updated over a week ago

Registering for an SMTP service

Tatyana avatar
Written by Tatyana
Updated over a week ago

Configuring SMTP plugin

Tatyana avatar
Written by Tatyana
Updated over a week ago

Changing the number of Textarea rows in Elementor

How to change the number of rows in the textarea in Elementor?
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago
Blog

Choosing a different layout for a single blog page

Can I choose a different layout for my single blog page?
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

Displaying the Next/Previous posts links in Jupiter X

Can I add next/previous posts links to my single blog pages in Jupiter X?
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

Adding Social Share buttons to your Blog or Portfolio page in Jupiter X

How to add Social Share buttons to my Blog or Portfolio pages?
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

Using different templates for your single blog/portfolio pages in Jupiter X

Can I use different template for my single blog and portfolio pages?
Ali Mozafari avatar
Written by Ali Mozafari
Updated over a week ago

Changing the Pagination Behavior for Displaying the Posts

How to make an Infinite scroll posts or add a Load More Posts Button to my Elementor's layout?
Ali Mozafari avatar
Written by Ali Mozafari
Updated this week

Displaying posts from specific categories in Posts Carousel

How to display posts from specific categories as a carousel in Elementor?
Ali Mozafari avatar
Written by Ali Mozafari
Updated this week

Skipping x number of posts using Posts Element

How to exclude x posts from being displayed in Elementor?
Ali Mozafari avatar
Written by Ali Mozafari
Updated this week

Changing the number of posts displayed in Elementor

How can I define how many posts should be visible for users in Elementor?
Ali Mozafari avatar
Written by Ali Mozafari
Updated this week

Displaying specific posts in Post Carousel in Elementor

How to display some samples of my posts as a carousel in Elementor?
Ali Mozafari avatar
Written by Ali Mozafari
Updated this week

Displaying posts based on specific tags in Posts Carousel

How to display posts based on specific tags in Elementor?
Ali Mozafari avatar
Written by Ali Mozafari
Updated this week

Adding Posts within the Elementor's layout

How to display posts in my Elementor's layout?
Ali Mozafari avatar
Written by Ali Mozafari
Updated this week

Re-Ordering the Posts in Jupiter X

How to arrange Post Order in Jupiter X theme?
Ali Mozafari avatar
Written by Ali Mozafari
Updated this week