• How to change certain image sizes in different parts of the Theme

    Image sizes are defined at the start of the file functions.php. Open it and change the size, the example of one line is:

    add_image_size( ‘shop’, 280 ,180, true );

    After you do that you now need to Regenerate Thumbnails at Tools – > Regenerate thumbnails. If you don’t have the neccessary plugin yet, be sure to download the plugin Regenerate Thumbnails

  • Some of the Blocks did not import, what to do?

    In some cases it will happen, that some of the blocks might not import. Go to Page builder and simply add those blocks to the Page you have for Home, or any other Page you want those blocks added to.

    Please note that for blocks like recent Portfolio items or Recent Posts to properly appear, you need to have some Posts and Portfolio items on your WordPress.

  • How to Install the demo settings for Revolution Slideshow

    Proper procedure for installation of the demo settings for Revolution Slider is as follows:

    1. Install the Revolution Slider Plugin

    2. Click on Revolution Slider settings in the left Sidebar of WordPress Dashboard

    3. Create new Slider

    4. Click Edit Slides

    5. Click To Slider Settings

    6. Click Show Export / Import (at the bottom)

    7. Now import the TXT file that you got in the zip file

  • What are the recommended image sizes for Revenant

    Theme uses different image placeholders for different parts of the site . Below is a short list of recommended sizes (used in the live preview).

    Revolution Slideshow: 1700px X 500px

    IOS Slideshow: 1180px X 500px

    Full width slideshow: no particular recommended size since you can adjust the position of the image, transparent images will generally look better.

    Nivo Slideshow: 1180px X 400px

    Blog Posts: 800px x 390px

    Single Portfolio Post: 700px wide (can be of any height)

    Sponsors Images: 235px x 132 px

  • Demo Content (Revenant)

    Demo WP content DOWNLOAD.

    Read about how to make the Theme look like live preview here.

  • How to make the Theme look like live preview?

    To make the theme look like our live preview and for it to function properly it should be installed in the following order:

    The proper installation process is as follows:

    1. Install the Revenant WordPress Theme
    2. Import Demo WordPress demo content
    3. Install the demo settings for Revolution Slideshow

    Refer to other sections if you need more details about how to install certain parts.

    For home page follow these steps:

    1. First add a Page (Pages / Add New) and choose the appropriate Template

    2. Go to Settings / Reading and add the Static Page Tab that you just created

    If you need sample data follow these steps:

    1.Unzip the file called revenant_demo.zip  which contains the XML file revenant_demo.xml.

    2. Now go to Tools -> Import and select WordPress. You will be prompted to install a plugin.

    3. After the plugin is installed simply select the XML file that you downloaded from our portal and you are done (with all attachments).

    Creating new Pages and Templates is done with the Page Builder.

    Install the demo settings for Revolution Slideshow

    1. Install the Revolution Slider Plugin

    2. Click on Revolution Slider settings in the left Sidebar of WordPress Dashboard

    3. Create new Slider

    4. Click Edit Slides

    5. Click To Slider Settings

    6. Click Show Export / Import (at the bottom)

    7. Now import the TXT file that you got in the zip file

     

  • How to completely remove responsive mode?

    open style_options.php in css directory and then delete the responsive css part (from line around 420 onwards to around line 960, you will see the commented header which will tell you where the responsive queries start). Don’t delete the closing php tag:

    1.  <!--?php } ?-->

    After you have saved this file, go to theme’s options and save the settings twice so a new file options.css is written (this is the file that gets the css from theme’s options).

  • How to set up the Video Post properly

    Video Post - Go to the post and set it to video format, then set the field just below the post text that says: Video URL(*required). Also check the Screenshot below that is showing where you have to set the link:

    How to add the Video post

  • How to add images to make a Slideshow in Single Portfolio or Post

    Click the button, Add Media.

    Now select from the dropdown menu the option Uploaded to this post like in the screen below:

    Now simply select and upload the images that you want in the portfolio or post’s slideshow.

  • How to increase number of posts in blog sorting page from 50 to a higher number

    First open the file in admin/theme-options.php and look for following code (around line 100):

    $number_entries = array("Select a number:","1","2","3","4","5","6","7","8","9","10","11","12","13","14","15","16","17","18","19","20","25",
    "30","35","40","45","50");

    replace this line with the following:

    $number_entries = array("Select a number:","1","2","3","4","5","6","7","8","9","10","11","12","13","14","15","16","17","18","19","20","25",
    "30","35","40","45","50","150");

    you can add more if you want.

  • What to do if some characters don’t show up (like Greek, Cyrillic,…)

    you will have to add embeding of characters family to google fonts. Open scripts.php in includes directory and look for font embeding (at the end of the file). Replace the two existing lines:

    wp_register_style('googleFont', 'http://fonts.googleapis.com/css?family='.$data['heading_font']['face'] ,'',NULL);
    wp_register_style('googleFontbody', 'http://fonts.googleapis.com/css?family='.$data['body_font']['face'] ,'',NULL);

    with

    wp_register_style('googleFontbody', 'http://fonts.googleapis.com/css?family='.$data['body_font']['face'].'&amp;subset=latin,greek,greek-ex' ,'',NULL);
    wp_register_style('googleFont', 'http://fonts.googleapis.com/css?family='.$data['heading_font']['face'].'&amp;subset=latin,greek,greek-ex' ,'',NULL);

    Example is for greek fonts. Check out how to properly write the lines for other font sets on Google Web Font Library Quick Usage

  • Can’t see theme admin panel.

    First try reseting theme options. If this don’t work send us mail with your login details.

  • How to add your own background patterns

    The best way to add your own background patterns is to copy them with FTP to the directory /images/bg of your theme’s directory so full path would look something like: wp-content/themes/themeName/images/bg. After you have done so, refresh the page where your admin is (F5). This is a simple refresh of the page and not reset of the theme’s options.

    You can now see your newly added background pattern in Theme’s Options -> Styling Options -> Background Pattern. This is the best way of adding the background pattern since you can add more patterns.

  • How to properly add Vimeo and Youtube Videos to Full width Slideshow (Anything slider)

    The full width slideshow allows you to add videos to it. The proper way to add the videos is with the embed link and not with the direct URL of the videos.

    How to get the embed links from the video

    VIMEO

    Hover over the image and then click the Share Icon. A popup window will open with the iframe embed code. You only need to get src link from it and it should be formed like:

    http://player.vimeo.com/video/46233381

    YOUTUBE

    Open the video on the Youtube Site and click the Share link below the video. Now click on the Embed Button. You will now see the iframe embed code. Copy the URL link from it that should be formed like this:

    http://www.youtube.com/embed/lDbEkhps9Gw

    Video embed link has to be added to the Video URL field and not in the Image URL for the video to work.

  • How to translate Page Navigation on Blog

    If you wish to translate the pagination on the blog page (for instance Page 1 of 2) you have to edit the file called wp-pagenavi.php which can be found in /includes directory. Open the file and go to line 114 and replace the line

    $pages_text = str_replace("%CURRENT_PAGE%", number_format_i18n($paged), $pagenavi_options['pages_text']);

    with

    $pages_text = str_replace("%CURRENT_PAGE%", number_format_i18n($paged), ('Test %CURRENT_PAGE% test %TOTAL_PAGES%'));

    Now simply replace the test words with your own.

  • How to add new Google font

    Open /admin/admin-interface.php and find

    $faces = array('arial'=&gt;'Arial',

    (around line 1246) .

    Then just add your font so this code look like :

    $faces = array('arial'=&gt;'Arial',

    ‘google font name’ => ‘admin display name’,

    …….

     

  • How to check which element to apply styling to with Google Inspect

    Many users will want to change certain aspects of theme (from headings to buttons, logo position, etc.). The hardest part when doing this is finding out which class you have to edit in style.css. This is where Google Inspect comes to the rescue. Other browsers have similar tools but in our opinion Google Inspect is the most convenient one.

    Open Google Chrome and position your mouse over the element that you wish to change. Right click on your mouse and then click Inspect. A window will open showing the location of the class in style.css. You can now play a bit and change some parameters on the fly to see how they would look (remember that this is only a virtual change and that you will have to edit and save style.css for changes to take affect). After you are happy with the changes you can now apply them to style.css and since you now know the exact line where the class is it should be a breeze.

    For editing style.css we recommend Notepad++, it is lightweight, will color your code and number the lines of the file.

  • How to translate your Theme

    Theme allows you to translate all the main aspects of the Theme (buttons, social icons,…). Go to translation tab of your Theme’s administration and find the word you would like to translate. After that simply enter your translation and save.

  • Theme options are overriding style.css

    This is how it is supposed to be. The theme uses two styling files. General styling is done with style.css but options that are defined through administration are saved to a file called options.css that can be found in CSS directory. To change these settings you have to edit the file called style_options.php. You will find a similar structure there so should be no problem if you already edited style.css.

  • Edit links in the footer Menu

    Go to Appearance -> Menus and click on the Footer menu. You can now add or delete the links in it.

  • Theme settings are not saving

    On some installations you have to save settings twice in order for them to take affect. So simply save twice and check if new settings are applied