FAQ

2

Where do I find the image ID?

Image ID is only required with the several shortcodes. You do not need to use Image IDs if you use WPBakery Page Builder (formerly Visual Composer) instead of shortcodes.

Navigate to Media Library and click on any image:

897.png

At browser address bar you will find the image ID:

898.png

3

What image size fits better to make a sharp logo on all devices?

We recommend uploading original logo image twice bigger than it will appear on a site, for example, if you set “50px” value for logo height - the original image should be 100px by height. Or use SVG logo, it looks sharp on all devices.

4

Is it possible to set different logos, and translate Header items using WPML?

  1. Make sure you have the latest version of WPML plugin installed.
  2. Install "WPML String Translation" plugin from WPML from official page.
  3. Navigate to WPML > Theme and plugins localization select "Translate the theme and plugins using WPML's String Translation" option and click on Save button.
  4. Navigate to WPML > String Translation, select from "Select strings within domain" list "admin_text_usof_options_Impreza".
  5. Find logo in the list below, click on "translations" link:
    In opened window change image ID and click on "Save" button:
    1776.jpeg1582.jpg
  6. That's it, now you have a different logo for another language.

5

How to fix Theme Options page error 502 Gateway Timeout?

Connect to your server via FTP client and append next code to a .htaccess file in WordPress folder:

<IfModule mod_substitute.c>
SubstituteMaxLineLength 10M
</IfModule>

6

How can I get rid of a gap between a header and slider?

You should select “Equals the content height” value of “Row Height” option at Row Settings, and enable "Full Width Content" option:

2021.jpeg

7

How to add a custom script between <head></head> tags?

Install a Child Theme and append the desired code to functions.php file (after echo, between the single quotes), using next example:

function child_theme_customScript() {
 echo "<script src="script.js"></script>";
}
add_action( "wp_head", "child_theme_customScript" );

You might need to add escape characters before quotes if the error appears.

8

How to improve SEO? Have you any recommended plugins?

Impreza comes SEO ready and friendly right out of the box, though a lot of our clients use Yoast SEO plugin, which works just fine.

9

Where can I find license KEY for Ultimate Addons / WPBakery Page Builder / Revolution Slider plugins?

You don't need license keys for plugins which came with Impreza, they work fine without activation, you just need to activate your theme in order to receive update notifications. Read about bundled plugins.

Looking for Revolution Slider templates?

10

Can I use standalone WPBakery Page Builder, with all its features?

First of all, you need to know that there is no difference between:

  • WPBakery Page Builder archive, which is bundled with Impreza.
  • WPBakery Page Builder archive, which is downloaded from CodeCanyon site.

They are absolutely identical.

But Impreza slightly changes the original plugin functionality due to performance and compatibility reasons, specifically the theme:

  1. Adds own options and removes non-compatible options for some elements such as Row and Column.
  2. Disables some original content elements which are similar to the theme elements.
  3. Disables Grid Builder and related content elements (Media Grid, Post Grid, Media Masonry Grid, Masonry Post Grid).
  4. Modifies WPBakery Page Builder interface for better user experience.

If you want to enable the 2nd and 3rd points from the list above then navigate to Theme Options > Advanced Settings > Website Performance and turn off "Disable extra features of WPBakery Page Builder" option:

2188.jpeg

12

Can I implement theme elements to Revolution Slider / Widget? How to generate shortcodes?

Create a regular page, add the desired element via WPBakery Page Builder, then switch the editor to Classic Mode, editor to Text mode, to be able to copy shortcodes. Add copied shortcodes to needed place (for example to your Revolution Slider)

1587.jpg

13

How to change 'Read More', 'Load More' wording?

Go to Impreza > Grid Layouts, open the corresponding Grid Layout in the editor, hover over Button element and click on a "Pencil" icon to edit element settings. In the opened window set the desired Button Label.

14

Contact form doesn't send emails, how can I resolve the issue?

Most probably, this issue related to wrong server configuration, try to change receiver email to Gmail, if it won't help we recommend to contact your host regarding this issue.

15

My site stuck in maintenance mode, how can I make it work again?

Connect to your server via FTP client find and delete .maintenance file within WordPress folder. To find the reason of such behavior you should inspect server error logs.

16

My site is not loaded, only 500 Server error appears, how can I fix that?

This is a server-side error, we recommend to contact your host regarding this error. If they won't help, ask them to share server error.log file so we could investigate the issue better.

17

Can't import demo data (never ending process), can I cancel it or what should I do?

Usually, this issue appears due to a lack of memory, deactivate all 3d party plugins and try importing once again. If it won't help, we recommend to increase memory_limit to 256M, max_upload_size to 50M, and max_execution_time to 300, you should ask your host to increase these values for PHP. Also, make sure that your server meets minimum requirements.

20

How to change columns order on mobiles?

WPBakery Page Builder doesn't provide this feature, but here's an example of a workaround, append custom CSS class to the Row with columns which should be reordered (for example reorderedCols):

1601.jpg

Then append the next code to Theme Options > Advanced Settings > Custom CSS, it works for 3 columns layout:

@media (max-width: 767px) {
.reorderedCols .g-cols {
    flex-direction: column;
    }
.reorderedCols .g-cols > div:first-child {
    order: 2;
    }
.reorderedCols .g-cols > div:nth-child(2) {
    order: 1;
    }
.reorderedCols .g-cols > div:last-child {
    order: 3;
    }
}

For 2 columns layout use next code:

@media (max-width: 767px) {
    .reorderedCols .g-cols {
        flex-direction: column;
    }
    .reorderedCols .g-cols > div:first-child {
    	order: 2;
    }
    .reorderedCols .g-cols > div:last-child {
    	order: 1;
    }
}

21

How can I stylise login page like on the demo site?

Step 1. You should create a sidebar at Appearance > Widgets, for example, login_sidebar:

2094.jpeg

Step 2. Assign (Upsolution) Login widget to the created sidebar:

1607.jpg

All these URLs are optional so you can leave these fields blank.

Step 3. Create a regular page or open existing one, add the sidebar via Widgetized Sidebar element:

1608.jpg

22

How to improve my website loading speed and performance?

Impreza is highly optimised right out of the box, and we're constantly working on improvements. However, there are a few recommendations, which can help you to increase your site performance and loading speed:

1. Go to Theme Options > Advances Settings > Website Performance, turn on "Move jQuery scripts to the footer" and "Dynamically load theme JS components" options there, take a look at this article for a detailed description.

2. Deactivate and delete all unused plugins, some of them can add extra script and style files, which can slow down your site.

3. If you're using Revolution Slider plugin, we recommend changing its Global Settings to improve performance. Go to Revolution Slider > Global Settings and apply next settings there:

2095.jpeg

4. If you're using Ultimate Addons plugin we recommend to disable unused modules at plugin settings (Go to Ultimate > Modules):

1618.jpg

5. We wouldn't recommend applying a lot of appearance animations on a single page. Big amount of animations requires a lot of processor resources and slows down page viewing.

1609.jpg

1612.jpg

6. Install and activate some cache plugin, we highly recommend to use WP Super Cache (there are a lot of other caching plugins like WP Rocket, W3 Total Cache, so you can try them out), because it is made by WordPress developers and constantly updated, also we are using it on our demo sites .

7. If you have a lot of traffic on your site it will be good practice to use CDN, we recommend CloudFlare, it has a free plan with all basic features.

8. Install some image optimizer plugin to optimize images in Media Library.

9. You can always check your website performance (and know some tips to improve it) at Google PageSpeed Insights and GTmetrix.

23

When I open my Portfolio Page it displays error 404. How can I fix it?

In order to fix this error, navigate to Settings > Permalinks in your Dashboard and press “Save Changes” button. This will update your .htaccess file with new rewrite rules needed for portfolio (and other custom post types) to work properly.

24

How can I enable WPBakery Page Builder for Posts / Portfolio Pages / Produсts / Footers?

To enable WPBakery Page Builder for Portfolio Pages, Posts, Products go to WPBakery Page Builder > Role Manager and check the corresponding checkboxes:

1679.jpg

25

How can I make my logo linked to a proper page on a multi-language site?

You can add the [lang] shortcode to "Link URL" field of any header element:

1690.jpeg

This shortcode will be automatically replaced with the relevant language slug.

26

Google Maps element doesn't work, what should I do?

Go to Impreza > Theme Options > General, and add your own Google API Key there (go to this page to find out more about API Keys):

1909.jpeg

In case of using Ultimate Addons Google Map element, add your key to Ultimate > Google Maps. If the above solutions don't work, make sure you activated Geocoding Service.

27

Theme elements, features stopped working after an update, what can I do?

Try next steps for troubleshooting:

  1. Clear all caches (caching plugins, hosting, CDN, browser cache etc).
  2. Deactivate all 3d party plugins which aren't related to Impreza theme and if the error disappeared, enable plugins one after another to find the issue.
  3. Go to Theme Options > Advanced Settings, turn off "Move jQuery scripts to the footer", "Disable jQuery migrate script" and "Dynamically load theme JS components" options, save changes if it helped enable options one by one to find the reason of the error.

If none of above helped, don't hesitate to create a ticket so we could investigate the issue better.

28

How to add a sticky menu to a certain page to navigate through its sections (Rows)?

  1. First of all, you need to set IDs for needed sections (Rows) on your page via Row Settings:
    1906.png
  2. Create a new menu, which should have Custom Links with URLs relevant to sections IDs:
    1907.png
  3. Open your page in Backend Editor, add one empty Row element into the desired place, click on "pencil" icon to edit this Row, check the "Sticky Row" checkbox and select "Equals the content height" value in Row Height option:
    2022.jpeg
    You can select any Row Color Style or set your own colors.
  4. Add "WP Custom Menu" element into this empty Row and select the menu which you created in the 2nd step. Also set "Horizontal" layout and "Center" alignment:
    1905.png

This feature only works on screens sizes above 900px.

29

Why doesn't background video play on mobiles automatically?

The autoplay feature was disabled by Apple from iOS 6.1. In Safari on iOS (for all devices, including iPad), where the user may be on a cellular network and be charged per data unit, preload and autoplay are disabled. This means the JavaScript play() and load() methods are also inactive until the user initiates playback by touching a Play button. But for background videos all controls are hidden, just because the video is overlapped by content and user cannot access to the video player directly. So background videos won't work on iOS devices.

From iOS 10 video autoplay policies were changed, so on iPad with iOS 10 background videos will play automatically if they don't have a sound (and some other criteria described in this article).

30

How to install addons if I get this error: "Please adjust file permissions to allow plugins installation"?

There is a chance that uploading feature was disabled by your host, you can try enabling it in wp-config.php file within your WordPress folder, append next line to wp-config.php:

define( "FS_METHOD", "direct" );

If it doesn't help, add your FTP credentials into wp-config.php file using next example:

define( "FTP_USER", "username" );
define( "FTP_PASS", "password" );
define( "FTP_HOST", "ftp.domain.com" );

31

How to change dropdown menus behavior on mobiles?

Go to Impreza > Headers, open your header in Header Builder, hover over Menu element, click on "Pencil" icon to edit element settings and choose how to open sub items: by clicking the menu titles or by clicking the

2115.jpeg

When this option is enabled, clicking on menu title will open subitems.

1242.jpg

When this option is disabled:

1 - clicking on menu title will open the corresponding page (if it's set),

2 - clicking on the arrow will open subitems.

1244.jpg

If you are not using the Header Builder, read about settings without Header Builder.

32

How can I activate my theme if It says that Impreza Child is not activated?

Go to Appearance > Themes, switch to main Impreza theme:

2008.jpeg

Then try activating your theme license once again. If it didn't help, don't hesitate to create a ticket so we could investigate the issue deeper.

33

How to place centered buttons side by side?

Assign align_center CSS helper class to a parent element, for example, add it to Column Settings of a parent column to make buttons centered

2264.png