How to add an Elevation Effect on Hover

This article gives details on how to add Elevation effect on the custom box elements.
To see the custom box shortcode in action, check the out demo page.

1Add or Edit a Custom Box Element.  

Custom Box
2In the Custom Box setting Panel open Hover Options.  


4Enable the Elevation Effect Option. 

Five Columns
Set the value for Distance. The distance of custom box from the background when it is elevated.

If you experience any issues with adding the Elevation Effect or have any questions, please contact our support team by creating a ticket via your Artbees Dashboard.

 

 

 

How to Create Maintenance (Under Construction) Page in Jupiter

When you’re in the process of building the site, you wish to hide it from public and make it visible only after it’s fully created.

In this case you need Under Construction page where you’ll provide a time frame for when the maintenance will be done. It will also help you to avoid bad user experience while the site is incomplete.

So to create the maintenance page, you can use either WordPress plugin or install Jupiter demo template (some Under Construction templates are also included).

 

As for the plugin, you can use WP Maintenance Mode plugin.

How to install a plugin, you can read in the article Installing Plugins and Add-ons. Refer to the section “3rd Party Plugins Installation“.

WP Maintenance Mode plugin allows you as the administrator to have full access to your website during the maintenance mode. This means that you can see the working website and log in to your WordPress dashboard.

You can specify which user roles may be allowed to access the front and backend of the website while it is in the maintenance mode. By default, it is set to Administrator role only.

 

There are two Maintenance Templates you can install.

They are:

 

How to install demo templates, you can find in the article How to Install Templates.

When the template is installed, you can set its Home page as a front page in Settings > Reading, so your guests see the maintenance front page when visit the site.

My Sidebar is not working. What can I do for it?

When you set Sidebar layout on your page, but you don’t see any sidebar on frontend, you should check the following:

  • If you set a sidebar area in “Custom Sidebar” field in Jupiter Page Options section

  • If some widgets are added in the sidebar area in Appearance > Widgets.

More information about sidebar you can find in the article Adding a Sidebar.

The package could not be installed. The theme is missing the style.css stylesheet

A common issue that can occur while installing a Jupiter theme is “The package could not be installed. The theme is missing the style.css stylesheet.” This error message is displayed when uploading or activating the theme.

The reason may be that you tried uploading the full zip file that includes sample data, documentation, etc.

Please make sure you are uploading only the installable theme called Jupiter.zip.

When you download the theme from your ThemeForest downloads it will give you two choices: one is to download the full zip file which you will then need to extract in order to locate the theme and the other one is just the installable theme.

How Can I Hide Something in a Page Only on Mobile Devices?

To make some elements or rows hidden on mobile device only and make them visible on desktop and tablets, you need use the “Visibility for Devices” option in the WPBakery settings inside the row or an element.

Open the Row settings and scroll down to “Visibility for Devices” option. Click on it and select “Hidden on Phones“.

hidden on mobile

This means that when the browser width is smaller than 765px, the row will be hidden. On desktops and tablets where the browser width is larger than 765px, the row will be visible.

This option is also described in the article Configuring the Visibility for Devices.

How to Display Something on Mobile and Hide it on Desktops?

To display or hide elements or rows on specific devices, you need use the “Visibility for Devices” option in the WPBakery settings inside the row or an element.

Open Row settings and scroll down to “Visibility for Devices” option. Click on it and select “Visible on Netbooks“.

This setting means that when the browser width is smaller than 1024px, the row will be visible. On desktops where the browser width is lager than 1024px, the row will be hidden.

This option is also described in the article Configuring the Visibility for Devices.

How to Add a Link to Copyright in the Sub Footer

You can add links to the sub footer by going to Theme options > General > Footer > Sub Footer Copyright Text

Here is an example for a link: <a href=”www.google.com”>Link</a>

To change the link color you can try this CSS code in Theme Options > Advanced > Custom CSS:

.mk-footer-copyright a{
    color: blue !important;
}

How to Add my Content With the Page Builder in Blog Posts?

In order to use the Page Builder in Blog Posts, you need to enable it by going to WP Bakery Page Builder > Role Manager > Post Type > Custom > and selecting Post 

When you have the WPBakery Page Builder enabled for Posts, the excerpts aren’t generated automatically. You need to insert the excerpt manually for these posts.

To do this you need to enable “Excerpt” option in the Screen Options menu in the post editor then add an excerpt for your post as much content as you need.

How to add an iFrame in Jupiter?

If you need to add an iFrame code or some custom html content, you can use RAW HTML element in WPBakery Page Builder.

Once you have selected this element in the WPBakery editor, just copy and paste your embed code into the box and press Save Changes.

Do not forget to click Update in the top right corner in the page editor to save changes to your WPBakery Page.

Your Server PHP version (5.4.45) is not Supported. What Should I do?

In case you saw this message on your site when activated the Jupiter theme, it means that your PHP version is not supported and Jupiter theme requires minimum 5.6 PHP version. It’s also mentioned in Checking Server Requirements article.

To fix this issue, you need contact your hosting provider support and ask them to upgrade the PHP version on a server to at least version 5.6.

If you use cPanel at your hosting provider, you can change PHP version yourself. For example, the solution is described in this SiteGround article.

After that refresh your site page, it will load again.

How do I Enable my Child Theme?

To enable the child theme, first you need to install it.

The child theme archive is provided in the full theme package that you downloaded from your ThemeForest account. Install it as described in the article here and activate it in Appearance > Themes to be able to make changes to the theme files.

How to Translate Shopping Cart Steps in Jupiter?

You may have issues translating the shopping cart steps on the Cart and Checkout pages in Jupiter theme, when you have already translated the theme strings, but the steps text is missing in your translation file.

In this case you need update your translation .po file with the default Jupiter .pot file.

If you use Poedit software, then to update your .po file, navigate to Catalog, choose Update from POT file, and then choose the .pot file from which you would like to get updated contents (usually it’s mk_framework.pot in jupiter/languages directory). The missing strings will appear.  Next, translate the project as you would normally do and save all changes.

If you use Loco Translate plugin, to update the translation, click on Sync button on the translation edit screen. This option will sync the old translations with new translations.

Translate the text you need and save the changes.

Update Package Not Available, What to do Now?

This error or notice shows up when you are trying to automatically update the theme. There could be several reasons why the automatic update fails. Below is the list of possible reasons.

  • Server cache settings which cause the old package return from the server tmp folder. In this case, it’s better not to waste time and update manually.
  • Server has a proxy which denies access to Artbees Servers. Ensure Artbees IP is white listed in your server. Here is the IP address 157.230.149.127
  • Trying to update on a multi-site network while you are just a node and doesn’t have the administrator permission.
  • The file/folder permission issue.
  • Firewall which blocks access to Artbees Servers. Ensure Artbees IP is white listed in your server. Here is the IP address 157.230.149.127
  • Plugin conflict. Try deactivating all the plugins and then try updating.
  • Missing Remote Get function or cURL package for PHP. In this case, contact your service provider.

The alternative is to update the theme semi-automatically using the WordPress Dashboard or manually using the FTP.

How to Sort Edge Slider Items

In order to sort the Edge Slider items as you wish, you just need to change the Order By property in the Edge Slider settings to Posts in (Manually selected posts). Then you can order the edge slider items in the shortcode as you wish.

How to Remove the Duplicated “Description” in Single Product Pages?

When you add description of your product, it’s shown in the Woocommerce tabs and the “Description” title is duplicated there:

To keep only the tab title, there are 2 ways of doing this.

1You need add this code in Jupiter > Theme Options > Advanced > Custom CSS:

.mk-accordion-pane h2 {
   display: none;
}

2You need edit Woocommerce file in the child theme.

Copy the file description.php from the directory wp-content/plugins/woocommerce/templates/single-product/tabs to the child theme with the same directory structure – jupiter-child/woocommerce/single-product/tabs and edit the line 25:

$heading = esc_html( apply_filters( 'woocommerce_product_description_heading', __( 'Description', 'woocommerce' ) ) );

and remove the Description text.

This way you’ll remove the duplicated “Description” title in the description tab content.

Why Captcha is not Showing?

Captcha is the functionality available in Jupiter theme to prevent submitting forms by non-human factors such as robot scripts. An example of the case can be seen in the Quick Contact Form at the bottom right section of the screen for the theme.

Captcha

After the release of Jupiter version 5.1 Artbees team decided to exclude that functionality from the theme to make it less heavy and add it as an extra plugin. If you want to have the captcha functionality, make sure that you install and enable the Artbees Themes Captcha plugin by going to WordPress Admin Menu > Appearance > Install Plugins or Jupiter -> Control Panel -> Required Plugins.

If you do not install it you will have a warning message in places that you can set captcha. For example, you will get the message below if you access Theme Options > Global Settings > Quick Contact > Captcha option:

Captcha 2

If you had any trouble with the Captcha image even after you enabled it, it can be the lack of GD library. GD Library is necessary to generate images using PHP, so if you don’t have it, you may contact your web host support to enable it for you.

Common Issues

Captcha isn’t shown because of the 403 error for generate-captcha.php file.

To fix this error, check if the file exists in wp-content/plugins/artbees-captcha directory, and in case it exists, set the file permission to CHMOD 755.
It could be an issue with the host settings, please contact your service provider and tell them about this issue and ask them if the host settings are fine.

Captcha isn’t shown because of the 500 error – Internal Server Error.

Most probably GD Library is not installed on your server. Contact your hosting service provider to check it.

Other solutions:

  • Ensure you are using the latest version of the theme.
  • Activate the parent theme in case you are using the child theme.
  • Deactivate all 3rd-party plugins except of WPBakery Page Builder.
  • Go to Jupiter > Theme Options > Advanced > Custom JS and remove the code (If you have any code there) temporarily.
  • Make sure you are using the Artbees modified version of WPBakery Page Builder, not the original one. Also, ensure you are using the latest WPBakery Page Builder version.
  • Make sure that your browser, WordPress and Server cache is cleared and you see live version of the website.

Recommended Hosting Solutions

The following hosting services offer maximum compatibility with Jupiter and provide exclusive discounts to Artbees Themes users:

InMotion > Up to 50% Discount
WPEngine > 20% Discount
DigitalOcean > $10 Discount
MediaTemple > 2 Months free on Annual Plan

What is Header Builder?

Header builder is a new feature introduced to Jupiter which lets you create and modify your website header using a visual drag & drop editor

To learn how to activate and start using header builder you may check out the articles in the Header category or read this article.

Header builder is in beta version. Please do not test it on a live website until the stable version release. If you’ve found a bug related to the header builder, report it as shown in this article.

What Is Shop Customizer?

Shop customizer is a new feature introduced to Jupiter which lets you customize the product list, product page and checkout & cart pages.

To learn how to activate and start using shop customizer you may check out the articles in the Shop category or read this article.

Shop customizer is in beta version. Please do not test it on a live website until the stable version release. If you’ve found a bug related to the shop customizer, report it as shown in this article

How Can I Obtain my Purchase Code

You need to have a valid purchase code to be able to get an API key for the theme registration.

To obtain the purchase code:

1Go to ThemeForest and login into your account.
2In the upper right corner, hover over your username and click on Downloads

3Scroll down to Jupiter, click on Download button, and then click on the “License certificate & purchase code (text)” link.

4In the text file, take note of the Item Purchase Code. It is similar to rt76ed7sd-0000-1234-9655-111111111111

How to Download Template PSD Files

To download a PSD file from Jupiter templates and start editing a theme template on PSD, you first need to have your Jupiter theme registered. You can learn how to register your theme in this article.

After that, you can simply go to the WordPress left menu, then go to Jupiter > Control Panel > Templates and download the desired PSD file.