• 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

  • Image in single product gets cut off. What to do?

    There are two options on how to solve this:

    1. simply use the images that have the aspect ratio similar to 700:500 (1.4:1), which is the size the Theme uses by default.

    2. change the size to the one you want. To do that, open the file called functions.php. At the start of the file you will see this line:

    add_image_size( ‘productBig’, 700,500, true );

    change the dimensions to the want you want. After you have saved the file go to Tools -> Regenarate thumbnails. You have to install this plugin first also:

    http://www.viper007bond.com/wordpress-plugins/regenerate-thumbnails/

  • Which plugins does Adamas use?

    Besides the Revolution Slider which is included with the Theme, Adamas also uses two free plugins (for contact form and Twitter in the footer area).

    1. Contact Form, Theme uses Contact Form 7 which you can download from:

    http://contactform7.com/

    2. Twitter Widget Pro which you can download from:

    http://ran.ge/wordpress-plugin/twitter-widget-pro/

  • The image of single product is not visible in Firefox. What to do?

    This is an issue with the first version of the Theme and as long as there is no update on Themeforest the following is the solution:

    Open style.css and go to line around 210 and add this line of code:

    .imagesSPAll .panel ,.imagesSPAll .anythingSlider, .imagesSPAll .panel img {height:500px !important;}

  • 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

  • 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 adamasstore.wordpress-theme.zip  which contains the XML file adamasstore.wordpress-theme.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 here.

     

  • Demo Content (Adamas)

    Demo WP content DOWNLOAD.

    Click  here for the revolution slider demo data.

  • What are the recommended image sizes for Adamas

    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

    Products: 700px X 500px (or in similar aspect ratio)

    Blog Posts: 800px x 390px

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

    Sponsors Images: 235px x 132 px

  • 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 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 add the Mega Menu

    To add the big mega menu please follow these steps:

    1. First add the Shop Page to be the most upper menu. Under CSS Classes add pmcbig

    2. Now add a custom link to be the main menu for the Categories part. URL should be #, CSS class need to be pmcmenutitle.

    3. Now add the product categories that you want under the Categories. The menu should now look like the image below:

    4. For price range first add the custom link in the same way as for the categories.

    5. Now add a custom link for each price list. Use a link like this, only that it points to your domain: http://mercor.premiumcoding.com/product-category/jewelry?min_price=0&max_price=1000

    This link will add a price list for products between $0 and $1000. The menu should look like the image below:

    6. To add the product with the big image in the menu, again add the custom link where the URL is the link to that product. CSS class needs to be menufeautured. Navigation Label should look like this (with your own link):

    <div> <span>Featured</span> <img src=”http://mercor.premiumcoding.com/wp-content/uploads/2012/09/Golden-ring-with-diamond-isolated-on-the-white-1.jpg” alt=”menu image”/> <span>$2,449.99</span> </div>

    So the menu for the product should look like the image below:

     

    If you don’t see the CSS Classes you need to turn them on in Screen Options. Check the screen below for a better understanding:

  • 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