FAQ

1

How to implement my own (commercial) fonts into the theme?

First of all, if you want to use other Google Font – you can set it up without any coding job done – just see options at Theme Options > Typography tab. But if you want to use your own font files, proceed reading.

In order to replace fonts you have to do following simple steps:

  1. Upload and activate child theme if you haven't done it previously.
  2. Generate your font files for WEB, we recommend using this Webfont Generator.
  3. Upload generated font files to /fonts/ subfolder inside child theme’s folder
  4. Add font family declaration for each font to child theme’s style.css file:
    @font-face { 
        font-family: 'Your_Wanted_Font';
        src: url('fonts/Your_Wanted_Font.eot');
        src: url('fonts/Your_Wanted_Font.eot?#iefix') format('embedded-opentype'),
             url('fonts/Your_Wanted_Font.woff') format('woff'),
             url('fonts/Your_Wanted_Font.ttf') format('truetype'),
             url('fonts/Your_Wanted_Font.svg') format('svg');
        font-weight: normal;
        font-style: normal;
        }
        
    and change Your_Wanted_Font name to your font’s name and filename.
  5. If you want to change font family for Regular Text:
    • set any web-safe font combination for Regular Text at Theme Options > Typography (screenshot)
    • add following CSS code to child theme’s style.css file:
      /* Regular Text Font Family */
      body {
          font-family: 'Your_Wanted_Font'!important;
          }
              
      and change Your_Wanted_Font name to your font’s name.
  6. If you want to change font family for Headings:
    • disable Google Fonts for Headings at Theme Options > Typography (screenshot)
    • add following CSS code to child theme’s style.css file:
      /* Headings Font Family */
      h1, h2, h3, h4, h5, h6,
      .w-counter-number,
      .w-pricing-item-title,
      .w-pricing-item-price,
      .w-tabs-item-title {
          font-family: 'Your_Wanted_Font'!important;
          }
              
      and change Your_Wanted_Font name to your font’s name.
  7. If you want to change font family for Main Menu:
    • disable Google Fonts for Main Menu Text at Theme Options > Typography (screenshot)
    • add following CSS code to child theme’s style.css file:
      /* Main Menu Font Family */
      .w-nav-item {
          font-family: 'Your_Wanted_Font'!important;
          }
              
      and change Your_Wanted_Font name to your font’s name.

2

Where do I find the image ID?

Note: Image ID is only required with the several shortcodes. You do not need to use Image IDs if you use 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 to upload 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.

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 localisation 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

Why are Video Backgrounds doesn't work on mobiles, tablets?

This is a predefined behavior of mobile browsers to prevent fast battery discharge on mobile devices. You can set screenshot of your video as Background Image, it will be shown instead of video on small screens.

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');

Note: You might need to add escape characters before quotes if the error appears, read this article for details.

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 / Visual Composer / 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 this article to find out more about bundled plugins.

If you are looking for Revolution Slider templates please read this ticket.

10

Can I use standalone Visual Composer, with all its features?

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

  • Visual Composer archive, which is bundled with Impreza.
  • Visual Composer 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 Visual Composer 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 Visual Composer' option:

1949.jpeg

12

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

Create a regular page, add the desired element via Visual Composer, then switch Visual Composer 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?

Download default.po file from /Impreza/framework/languages to your local disk, install POEdit software, edit desired values, save changes to file, then install Child Theme, create languages folder inside and upload default.po and default.mo files to /Impreza-child/languages folder.

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.

20

How to change columns order on mobiles?

At the moment there is no such feature out of the box, but here is a workaround, append custom CSS class to the Row with columns which should be reordered (for example reorderedCols):

1601.jpg

Then append following code to Theme Options > Advanced Settings > Custom CSS:

@media (max-width: 768px) {
.reorderedCols .g-cols {
    display: flex;
    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;
    }
}

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 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 an 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 pluings 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 like Smush Image Compression and Optimization 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 Item's 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 Visual Composer for Posts / Portfolio Items / Produсts / Footers?

To enable Visual Composer for Portfolio Items, Posts, Products go to Visual Composer > 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

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

Note: 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

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.