How to deal with Health-Checker module?

Some time ago we started to ship our themes with Health-Check module that automatically checks your server's settings for compatibility with theme. This will help you avoid unexpected errors in future and guarantees a proper theme work in most cases. So, what to do when you see error from Health-Check module? Firstly, you need to notice […]

Read More

How to change entrance animations on elements?

You can use Visual Composer's build-in animation system, but it is not available for some elements. Our solution works with any element that haves "Extra classes" field in it's settings. So, to add animation to an element pick it in Visual Composer and open it's settings window. For example, this is settings window for built-in "Text […]

Read More

Retina images support

As of all our themes is fully retina ready we have a special mechanism for loading separate images for high-resolution displays. How to use it: Create two images: in original size and 2x size(just double larger) Name them(for example): my_image.jpg and my_image@2x.jpg Upload them via standard WordPress media manager and insert original picture to post or […]

Read More

How to use one page navigation?

Firstly, you need to define row ID's. Go to your home page, run Visual Composer editor, select some row and click on pencil icon to edit row settings. In popup window find Row ID field and enter some value(note, all IDs on the page must me unique). Once your ID's is set, go to Appearance […]

Read More

typed.js integration

We have implemented native support for typed.js jQuery plugin. And now you can use it in almost any place in theme(including logo text, theme settings fields and etc). Here is a short introduction. Is this Post useful? Useful Useless 2 of 2 people say this Post is useful.

Read More

Tuning Blog and Careers hero blocks

Many customers having troubles with changing headers in Blog and Careers sections. As of this is a custom post types with custom templates, we do not integrated it with visual composer to make work with these site sections easier and faster. So, to change Blog header you simply need to go to Posts > Blog […]

Read More

Making rows fullwidth

Open row settings and change "row stretch" option value to "stretch row and content (no paddings)". This will make row fullwidth. Can be useful for page hero's or slider placements. Is this Post useful? Useful Useless 3 of 3 people say this Post is useful.

Read More

How to increase logo size?

Open Theme Options(from appearance menu item in dashboard) and go to "Custom JS/CSS" tab, then paste into Custom CSS field next lines: #wph-header .navbar-brand { padding-top: 0; padding-bottom: 0; } Then save. This will increase a logo area for 25px in height. If you need additional 25px add these lines instead: #wph-header .navbar-brand { padding-top: 0; […]

Read More