Adamas Wordpress Theme

  • 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


Buler Ecommerce Theme

  • 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

  • Revolution Slider Demo Content (Buler Theme)

    Revolution Slider Demo Content DOWNLOAD

  • Demo Content (Buler)

    Demo WP content DOWNLOAD.

  • 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:600 (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,600, 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/

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

    1. Install the Buler WordPress Theme
    2. Install Woocommerce plugin with the WooCommerce pages
    3. Install Revolution slider and our shortcode/builder plugin (found in the plugins directory in the files for download)
    4. Import Demo content (found on our support portal)
    5. Import Demo Settings for the Revolution Slider (found on our support portal)
    6. Setting up the Home Page

    These are the basic steps, which I will explain further below.

    THEME INSTALLATION

    For Theme installation please see this video tutorial. It explains how to install a new WordPress Theme from a zip file, just in case of Buler theme, the file you need to install is buler.zip (this is the Theme).

    INSTALLATION OF WOOCOMMERCE AND IT’S PAGES

    Next step is crucial if you want the demo content to install properly later on. You can search for WooCommerce plugin in the plugins section or you can download it directly from their website:

    http://www.woothemes.com/woocommerce/

    You can also find and install the plugin via the Add new plugin directly from your wordpress dashboard. Search for the term WooCommerce and you will get the following results:

    Install the first plugin (WooCommerce – excelling eCommerce). After you install and activate the package, you will be prompted to install WooCommerce pages also (see the screenshot below):

    Install the WooCommerce Pages so importing of demo content and setting up the pages will work properly later on.

    REVOLUTION SLIDER INSTALLATION

    Revolution slider is the premium plugin that comes with the theme. You can find it in the plugins directory of the package you installed from Themeforest. Install it via the Add new Plugin. After the plugin is installed, you will notice a new tab in the left menu of the WordPress Dashboard (at the bottom of it). We will return to the Slider in step 5 where the settings and demo content will be installed.

    IMPORTING OF THE DEMO CONTENT

    This is where the exciting stuff happens. For demo content import we first need to install a plugin called WordPress Importer. Go to Tools -> Import and select WordPress. You will be prompted to install a plugin. After the plugin is installed simply select the XML file that you downloaded (unzip it first) from our portal and you are done (with all attachments). If all works smoothly then the Theme is almost ready to look like live preview.

    IMPORT OF DEMO SETTINGS FOR REVOLUTION SLIDER 

    It’s time to import the Settings for the Revolution Slider. Click the Revolution Slider Tab at the bottom of the WordPress Dashboard. Now click the Import Slider button. Now select the TXT file that you downloaded from our support portal (unzip it first) and click OK. The slider will be added with all the Slides and will be ready to use.

    SETTING UP THE HOME PAGE

    Go to Settings / Reading in your WordPress Dashboard and add the Static Page from the list of Pages (if you imported all the content properly there should be several pages, just like in our live demo).

    For more information please check our support portal at:

  • What are the recommended image sizes for Buler

    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 (full width): 1700px X 500px

    Revolution Slideshow (boxed): 1180px X 520px

    IOS Slideshow: 1180px X 500px

    Nivo Slideshow: 1180px X520px

    Blog Posts: 800px x 390px

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

    Sponsors Images: 235px x 132 px

    Product images: 700px x600px

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


Bullsy Wordpress Theme

  • 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

  • Page Builder – Example Screenshots

    Below are a few screenshots of the Page Builder to give you a better/faster insight of how your pages should look like in the Builder:

    Home page with  Revolution Slideshow

    Page with revolution Slideshow

    Portfolio 3 Template

  • 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 functions.php and look for font embeding (lines 101, 104). 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

  • 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 Bullsy 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 bullsy_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 this links:

  • Demo Content for Bullsy

    Demo WP content DOWNLOAD.

  • What are the recommended image sizes for Bullsy

    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 (full width): 1700px X 500px

    Revolution Slideshow (boxed): 1180px X 520px

    IOS Slideshow: 1180px X 500px

    Nivo Slideshow: 1180px X520px

    Blog Posts: 800px x 390px

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

    Sponsors Images: 235px x 132 px

  • 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 this links:

  • 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 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.

  • 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


Camy Ecommerce Theme

  • 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

  • How to properly set the Products with attributes

    1. Add desired attributes

    2. Add neccessary attributes options

    3. Add this attribute to product attribute section

    4. Check used for variations

    5. Set Variations

  • 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).

  • I have purchased Woo plugin Variation Swatches and Photos but the layout is wrong. What can I do?

    At the end of style.css paste the following code and it will correct the layout:

    .variation_form_section {float:left; position:relative; height:auto; }
    .variations-table .attribute_pa_colors_picker {width:400px; }
    .rightContentSP {margin-bottom:200px;}
    .rightContentSP .cart {background:none;padding-left:0px;width:100% !important;}
    .rightContentSP .single_variation_wrap {position:relative;float:left;background:#fff; border:1px solid #eee; width:100%; margin:25px 0 0 0px;}
    .rightContentSP .single_variation_wrap.simple{padding-bottom:5px;}
    .rightContentSP .price {position:relative;float:left;font-size:24px;padding:15px;}
    .rightContentSP .single_add_to_cart_button {background:#2a2b2c;position:relative; float:right;padding:6px 10px 6px 10px;margin:12px 15px 0 0;}
    .rightContentSP .single_add_to_cart_button:hover {opacity:1 !important; filter:alpha(opacity=100) !important;}
    .rightContentSP .simple .single_add_to_cart_button{margin:5px 15px 0 0;}
    .rightContentSP .single_add_to_cart_button.external{margin:10px 0 0 0;}
    .rightContentSP .buttons_added {float:right;margin:11px 10px 0 0;}
    .rightContentSP .simple .buttons_added {margin:5px 0 0 10px;}
    .rightContentSP .buttons_added input.input-text.qty.text, .rightContentSP .buttons_added input.minus, .rightContentSP .buttons_added input.plus {position:relative; width:20px; text-align:center;font-size:16px; }
    .rightContentSP .variations_button{float:right; width:50%;}
    .rightContentSP .single_variation{float:left; width:50%; min-height: 50px; }
    .rightContentSP .single_variation .stock {float:left; width:100%;margin-left:15px; font-size:16px;}
    .rightContentSP .single_variation del {display:none;}
    .rightContentSP .single_variation ins {background:none;}
    .rightContentSP .stock {display:none;}
  • How to change image size on Product Page

    To change the product image size these are the steps:

    • first go to functions.php and change the value of add_image_size( ‘productBig’, 700,450, true ); to add_image_size( ‘productBig’, 700,700, true ); or to a value you want
    • now open style.css and go to line 205 where you will find following class: .imagesSPAll .panel, .imagesSPAll .anythingSlider, .imagesSPAll .panel img {height:450px !important;} – remove the height:450px !important;
    • at line 208 at class .leftContentSP .images.imagesSP change the height to 700px or to a value you want.
    • now at line 3408 at class #slider img, remove the max-height:500px;
  • How to change URLs of portfolio entries (portfolioentry)

    Open functions.php and find this function:

     

    function create_portfolio() {
        $portfolio_args = array(
            'label' => 'Portfolio',
            'singular_label' => 'Portfolio',
            'public' => true,
            'show_ui' => true,
            'capability_type' => 'post',
            'hierarchical' => false,
            'rewrite' => true,
            'supports' => array('title', 'editor', 'thumbnail', 'author', 'comments', 'excerpt')
        );
        register_post_type('portfolioentry',$portfolio_args);
    }

    replace it with:

     

    function create_portfolio() {
        $portfolio_args = array(
            'label' => 'Portfolio',
            'singular_label' => 'Portfolio',
            'public' => true,
            'show_ui' => true,
            'capability_type' => 'post',
            'hierarchical' => false,
            'rewrite' => array(
        'slug' => 'yourword',
        'with_front' => FALSE,
      ),
            'supports' => array('title', 'editor', 'thumbnail', 'author', 'comments', 'excerpt')
        );
        register_post_type('portfolioentry',$portfolio_args);
    }

    where “yourword” is the word you would like to use.

  • How to properly setup WooCommerce Product – Attributes and Product Variations

    Below is a link to a video that best shows how to properly add products and variable products in WooCommerce:

    How to properly setup WooCommerce Product

  • I get an error while creating a Child Theme. What to do?

    If you get an error saying the path or file is not found that is due to the way the Theme connects to it’s administator panel. To fix this you will have to change a snippet of code in functions.php. Open this file and find the following code:

    require_once (ADMIN_PATH . 'theme-options.php');     // Options panel settings and custom settings
    require_once (ADMIN_PATH . 'admin-interface.php');    // Admin Interfaces
    require_once (ADMIN_PATH . 'admin-functions.php');   // Theme actions based on options settings
    require_once (ADMIN_PATH . 'medialibrary-uploader.php'); // Media Library Uploader

    and replace it with:

    $admin =  get_template_directory() . '/admin/';

    require_once ($admin . 'theme-options.php');   // Options panel settings and custom settings
    require_once ($admin . 'admin-interface.php');  // Admin Interfaces
    require_once ($admin . 'admin-functions.php');  // Theme actions based on options settings
    require_once ($admin . 'medialibrary-uploader.php'); // Media Library Uploader

     

    Now you have to change how the stylesheets are embeded in the scripts.php. Open this file in includes/scripts.php and scroll to the end of the file. You will notice the following code that embeds the styles:

    wp_register_style('main', get_template_directory_uri() . '/style.css', 'style');
    wp_enqueue_style( 'main');
    wp_register_style('options', get_template_directory_uri() . '/css/options.css', 'style');
    wp_enqueue_style( 'options');

    replace it with:

    wp_register_style('main', get_stylesheet_uri(), 'style');
    wp_enqueue_style( 'main');
    wp_register_style('options', get_stylesheet_directory_uri() . '/css/options.css', 'style');
    wp_enqueue_style( 'options');

     

    Now please note that when creating a child theme in our Themes you have to copy the CSS directory also and not just style.css in the child theme directory. We use two style files, one is for general styling and the other picks the settings from Theme’s options.

  • Demo Content (Camy)

    Demo WP content DOWNLOAD.

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

  • How to get the theme to look like the 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 Camy WordPress Theme
    2. Install the Woocommerce plugin (with woocommerce pages)
    3. Import Demo WordPress demo content

    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 musica_demo.zip  which contains the XML file musica_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 from your computer and you are done.

  • What are the recommended image sizes for Camy

    Theme uses different image placeholders for different parts of the site. Please note that images can be bigger since Timthumb will take care of them so they fit within containers. Below is a short list of recommended sizes (used in the live preview).

    IOS Slideshow: 1180px X 420px

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

    Nivo Slideshow: 1140px X 400px

    Blog Posts: 800px x 390px

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

    Sponsors Images: 235px x 128 px

    Products Images: 700 x 450px (can be bigger or smaller just keep similar aspect ratio for best results).

  • How to show the shipping form on checkout by default

    The shipping form is hidden by default by the WooCommerce plugin. This is the default behaviour. To show it by default do this:

     

    in wp-content/plugins/woocommerce/assets/js/frontend . there’s js file called checkout.min.js, edit it and search for div.shipping_address, change the following:
    e(“p.password, form.login, .checkout_coupon, div.shipping_address”).hide()
    to:
    e(“p.password, form.login, .checkout_coupon”).hide()

  • 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 make the top menu visible at all times

    If you wish to have top menu visible all the times (loged in or loged out) open function.php and find the following code (around line 218, this differs a bit from Theme to theme and is valid for Themes Mercor, Emporium and Musica);

        <?php if ( is_user_logged_in() ) {?>               
        <ul>
       
        <?php
        if ( has_nav_menu( 'top_menu' ) ) {
            wp_nav_menu( array('theme_location' => 'top_menu', 'container' => 'false', 'menu_class' => 'top-nav', 'echo' => true, 'items_wrap' => '%3$s' ));
        }
        ?>
        </ul>
        <?php } else {?>
        <ul>
            <li><a href="<?php echo home_url() ?>/my-account/"><?php if (!function_exists('icl_object_id') or (ICL_LANGUAGE_CODE == $sitepress->get_default_language()) ) { echo stripText($data['translation_login_register']); } else {  _e('Login / Register','wp-emporium'); } ?></a></li>
        </ul>              
        <?php } ?>

    and replace it with code:

        <ul>
        <?php
        if ( has_nav_menu( 'top_menu' ) ) {
            wp_nav_menu( array('theme_location' => 'top_menu', 'container' => 'false', 'menu_class' => 'top-nav', 'echo' => true, 'items_wrap' => '%3$s' ));
        }
        ?>
        <?php if ( !is_user_logged_in() ) {?>  
            <li><a href="<?php echo home_url() ?>/my-account/"><?php if (!function_exists('icl_object_id') or (ICL_LANGUAGE_CODE == $sitepress->get_default_language()) ) { echo stripText($data['translation_login_register']); } else {  _e('Login / Register','wp-emporium'); } ?></a></li>         
        <?php } ?>
        </ul>
  • How to Isolate a Product from other Products

    Let’s say you would like to make a product option for distributors and not for the regular customers. So visitors can only get to that product by a direct link. To achieve that, do the following:

    Under the Publish section on the product page there is a “Catalog Visibility” option. You can hide products from there.

  • 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 Log out button on top missing

    This means the logout button is not set in the WooCommerce Settings. So go to WooCommerce -> settings and click on 3rd tab called Pages. Now simply make sure the Append a logout link to menus containing “My Account” is checked. If it is not, check it and then save the settings.

    Now create a new page and call it for instance My Account. Now copy paste this shortcode in the page:

    [woocommerce_my_account]

    After that simply add this page to your menu, in the top menu if you want it in the upper part above the main menu.

  • How to change the size of Product Thumbnails

    Open style.css and go to line 814 where classes .homeRacent .productF .recentimage, .homeRacent .productR .recentimage are. Increase the height here to what you wish. I recomend leaving the width intact since this influences layout more.

    You will now see the holder is high enough but the image is cut. Timthumb value for height now needs to be adjusted. Go to includes/boxes/homerecentProduct and homerecentProductF and look for value:

    get_image_pmc(294,224,$post->ID);

    now adjust the height accordingly.

    This is for the home page. To adjust the shop  thumbs settings will have to be applied there also.

  • Items in Shopping Cart Disappearing at Check Out. What to do?

    Seems like this is most likely a setting on your hosting (PHP sessions aren’t set up correctly on your server ) that isn’t set up properly. Some other cause can be affecting this (like a conflict with another plugin). A lot of most probable causes are described in the post below.

    http://wordpress.org/support/topic/plugin-woocommerce-cart-brokennot-adding-products

    Woocommerce forums are also a good place to ask this question since this is a WooCommerce plugin related issue:

    http://www.woothemes.com/woocommerce/

     

  • How to select which Products are featured on the front Page?

    Besides checking this in home settings in admin you have to check this in product’s list also. You can choose for each product whether it will be featured or not. See the screen below for a better clarification:

    Click on an image for a larger preview.

  • How to remove the character limitation in short Description

    To remove the character limitation in short Description open /woocommerce/single-product/short-description.php and go to line 27.

    Replace :

    <?php echo substr(apply_filters( 'woocommerce_short_description', $post->post_excerpt ),0,230).' ...'; ?>

    with:

    <?php echo apply_filters( 'woocommerce_short_description', $post->post_excerpt ); ?>
  • 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.

  • Add more Items in Portfolio Template

    open /admin/theme-options.php and search for line :

    $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", "100","9999");

    Now you can have 9999 items.

  • Full width slideshow doesn’t show text captions

    If you have only one slide in the slideshow add another one. This will solve the problem of captions not appearing.

  • 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


Daedra Wordpress Theme

  • How to change URLs of portfolio entries (portfolioentry)

    Open functions.php and find this function:

     

    function create_portfolio() {
        $portfolio_args = array(
            'label' => 'Portfolio',
            'singular_label' => 'Portfolio',
            'public' => true,
            'show_ui' => true,
            'capability_type' => 'post',
            'hierarchical' => false,
            'rewrite' => true,
            'supports' => array('title', 'editor', 'thumbnail', 'author', 'comments', 'excerpt')
        );
        register_post_type('portfolioentry',$portfolio_args);
    }

    replace it with:

     

    function create_portfolio() {
        $portfolio_args = array(
            'label' => 'Portfolio',
            'singular_label' => 'Portfolio',
            'public' => true,
            'show_ui' => true,
            'capability_type' => 'post',
            'hierarchical' => false,
            'rewrite' => array(
        'slug' => 'yourword',
        'with_front' => FALSE,
      ),
            'supports' => array('title', 'editor', 'thumbnail', 'author', 'comments', 'excerpt')
        );
        register_post_type('portfolioentry',$portfolio_args);
    }

    where “yourword” is the word you would like to use.

  • I get an error while creating a Child Theme. What to do?

    If you get an error saying the path or file is not found that is due to the way the Theme connects to it’s administator panel. To fix this you will have to change a snippet of code in functions.php. Open this file and find the following code:

    require_once (ADMIN_PATH . 'theme-options.php');     // Options panel settings and custom settings
    require_once (ADMIN_PATH . 'admin-interface.php');    // Admin Interfaces
    require_once (ADMIN_PATH . 'admin-functions.php');   // Theme actions based on options settings
    require_once (ADMIN_PATH . 'medialibrary-uploader.php'); // Media Library Uploader

    and replace it with:

    $admin =  get_template_directory() . '/admin/';

    require_once ($admin . 'theme-options.php');   // Options panel settings and custom settings
    require_once ($admin . 'admin-interface.php');  // Admin Interfaces
    require_once ($admin . 'admin-functions.php');  // Theme actions based on options settings
    require_once ($admin . 'medialibrary-uploader.php'); // Media Library Uploader

     

    Now you have to change how the stylesheets are embeded in the scripts.php. Open this file in includes/scripts.php and scroll to the end of the file. You will notice the following code that embeds the styles:

    wp_register_style('main', get_template_directory_uri() . '/style.css', 'style');
    wp_enqueue_style( 'main');
    wp_register_style('options', get_template_directory_uri() . '/css/options.css', 'style');
    wp_enqueue_style( 'options');

    replace it with:

    wp_register_style('main', get_stylesheet_uri(), 'style');
    wp_enqueue_style( 'main');
    wp_register_style('options', get_stylesheet_directory_uri() . '/css/options.css', 'style');
    wp_enqueue_style( 'options');

     

    Now please note that when creating a child theme in our Themes you have to copy the CSS directory also and not just style.css in the child theme directory. We use two style files, one is for general styling and the other picks the settings 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 completely remove responsive mode

    If you don’t wish to have responsive mode at all you can easily remove all the responsive features. For Iphones and Ipads it is enough to simply remove one line from header.php. Open header.php and remove the line:

     

    For other mobile devices you need to remove all the css that is used for media queries. Open style.css and go almost to the end of it where the following line is:

    @media screen and (min-width:0px) and (max-width:970px)

    Now delete everything that is beyond this line in style.css (including this line). The responsive part is now completely removed and your website will be seen in full on mobile devices.

  • 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.

  • My slideshow is not high enough (and is cutting small images like masks or coats or camera)

    For height of the slideshow to be properly calculated a main image (under image URL label) has to be added. If you wish to have a transparent background with small images over it (like masks in Emporium or coats on Mercor) you have to upload a transparent image to get the proper height. You can download this transparent image from the link below. Image is 1600px x 500px.

    http://emporium.premiumcoding.com/wp-content/uploads/2012/11/emptyHolder.png

    Simply save it to your computer and then upload it in the image tab of the slider as the main image.

    Second possibility of how to edit it is to edit style.css and set the minimum height of the slideshow. Open style.css and go to line around 3040 where class #slider-wrapper is. Change the parameter min-height:100px; to min-height:500px;

  • How to get the theme to look like the live preview

    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 daedra-demo-content.zip  which contains the XML file daedra-demo-content.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 from your computer and you are done.

    Importing Admin Content

    The XML file will only import content into WordPress (Posts, pages, etc.). To import content into admin to look like live preview (advertisers, team page, etc.) go to Theme’s Options -> Backup Options and empty the content in the Transfer Theme Options Data. Now copy the content of the demo file daedra-admin-demo-content.zip that can be found on our support portal and click Import Options. Be sure to check the import attachments also so you transfer the images also. The zip file contains the txt file which contains the text that you need to copy to the field in admin.

  • Demo content

    Demo WP content DOWNLOAD.

    Demo Theme Admin DOWNLOAD.

  • Theme’s settings are not saving. What to do?

    This is most probably a permissions issue. Go to your theme’s directory and set CSS directory’s permission to 755. Then go inside the folder and set permissions of all php files to 755.

  • 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

  • What to do if my menu is to wide and goes to next line

    Open style.css and go to line 131 where .menu li class is. Set the margin-left:45px to a lower value like margin-left:25px. Now go to line 125 where .menu-header is and increase the width to 700px. You can play a bit with these settings to get the best possible result.

  • 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 remove “Share this” social Icons Set

    Some administrators might want to remove the share this page/post part at the bottom of pages and posts. You will have to apply this to each php file that you want this to be removed (category.php, template-sidebar.php,…). In our example we will remove it from a standard page with the sidebar. Open template-sidebar.php and remove following from the file:

    <div></div>
    <div class="”socialsingle”"></div>
  • 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.

  • My Menu seems to be missing. What do I do?

    If you are not seeing the main menu on your website this usually means you need to add it first. On your Dashboard go to Appearance -> Menus and you will notice a holder titled Theme Locations. You will see that Theme supports 2 menus and you can set the upper main menu and footer menu from a dropdown list. Simply save the settings and menu will be added to your Theme.

  • 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 remove the theme’s color from first words in Widget’s titles

    So you don’t like how the first word of every widget’s title is colored? To remove that you have to edit the file called functions.php. Go to line 507 and remove the following function:

    function arixWP_widget_title($title) {
    $title = preg_replace('/(^[A-z0-9_]+)\s/i', '<span>$1</span> ', $title);
    return $title;
    }
    add_filter('widget_title', 'arixWP_widget_title');
  • How to color certain words in Titles like Recent from our Portfolio

    Titles like Recent from our Portfolio color a certain word in theme’s color. To reproduce that you have to put that word within span tags. So to color the word Portfolio you would enter:

    Recent from our <span>portfolio</span>

  • What are the recommended image sizes

    Theme uses different image placeholders for different parts of the site. Please note that images can be bigger since Timthumb will take care of them so they fit within containers. Below is a short list of recommended sizes (used in the live preview).

    Full width slideshow: 1680px X 500px is the recommended size.

    Nivo Slideshow: 940px x 380px

    Blog Posts: 580px x 280px

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

    Sponsors Images: 160px x 130 px

  • 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.

  • What to do if images appear broken

    This is in most cases a TimThumb issue. Check if your js/cache folder of the Theme is set to 777 permissions. If they are set properly please do a check if your GD library is installed and enabled. If you are not sure how to check that contact your hosting provider if you have GD library enabled.

    If anyone is using the Better WP Security plugin, under Server Tweaks, for TimThumb to work properly you must leave ‘Filter Suspicious Query Strings’ unchecked.

  • Add more Items in Portfolio Template

    open /admin/theme-options.php and search for line :

    $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", "100","9999");

    Now you can have 9999 items.

  • Full width slideshow doesn’t show text captions

    If you have only one slide in the slideshow add another one. This will solve the problem of captions not appearing.

  • 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.

  • Slideshow captions are not showing

    If you are not seeing text captions on Slideshow this is probably due to the fact you only have 1 image in the slideshow. Simply add another image and captions will start working properly.

  • 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


Darx Wordpress Theme

  • 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 completely remove responsive mode

    If you don’t wish to have responsive mode at all you can easily remove all the responsive features. For Iphones and Ipads it is enough to simply remove one line from header.php. Open header.php and remove the line:

     

    For other mobile devices you need to remove all the css that is used for media queries. Open style.css and go almost to the end of it where the following line is:

    @media screen and (min-width:0px) and (max-width:970px)

    Now delete everything that is beyond this line in style.css (including this line). The responsive part is now completely removed and your website will be seen in full on mobile devices.

  • Theme’s settings are not saving. What to do?

    This is most probably a permissions issue. Go to your theme’s directory and set CSS directory’s permission to 755. Then go inside the folder and set permissions of all php files to 755.

  • 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 install the necessary plugins

    Theme comes with two plugins that can be found on WordPress.org. All you have to do is install the plugins when you are prompted to do so (after activating the theme). You will notice a notice window like this.

    Click on an image for a larger preview!

    How to install the Plugins

    Proceed with the installation and click install on both plugins in the next step. Click install twice and the plugins and theme are now ready to be used.

    Plugins are:

    WTI Like Post Custom

    Comprehensive Google Map Plugin

  • Iphone 4 and 4s specific responsive style.css

    Iphone 4 and 4s both have a huge resolution (960px wide on landscape) which is exactly as wide as the Theme (based on 960px grid) which is why in original design the responsive mode is almost the same as the desktop version (it maintains clear reading on most parts).

    However some of you may prefer a similar responsive version then on other mobile devices. This is why we published a special style.css that makes a specific responsive design suited for Iphone 4 and 4s (responsive design for other devices is the same as in the original one). After you download the style.zip unzip it and copy the file style.css to Theme’s directory (overwriting the old style.css). To revert the changes simply copy back the original style.css or remove the last part of the css (commented as Iphone 4).

    Download the Iphone 4 and 4s style.css

    RECOMMENDATIONS

    If you have any suggestions on how to improve it drop us a note and we will see what we can do.

  • How to get the theme to look like the live preview

    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 darx.zip  which contains the XML file darx.xml.

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

    3.After the plugin is installed simply select the XML file from your computer and you are done.

  • 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 remove “Share this” social Icons Set

    Some administrators might want to remove the share this page/post part at the bottom of pages and posts. You will have to apply this to each php file that you want this to be removed (category.php, template-sidebar.php,…). In our example we will remove it from a standard page with the sidebar. Open template-sidebar.php and remove following from the file:

    <div></div>
    <div class="”socialsingle”"></div>
  • 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.

  • My Menu seems to be missing. What do I do?

    If you are not seeing the main menu on your website this usually means you need to add it first. On your Dashboard go to Appearance -> Menus and you will notice a holder titled Theme Locations. You will see that Theme supports 2 menus and you can set the upper main menu and footer menu from a dropdown list. Simply save the settings and menu will be added to your Theme.

  • 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 remove the theme’s color from first words in Widget’s titles

    So you don’t like how the first word of every widget’s title is colored? To remove that you have to edit the file called functions.php. Go to line 507 and remove the following function:

    function arixWP_widget_title($title) {
    $title = preg_replace('/(^[A-z0-9_]+)\s/i', '<span>$1</span> ', $title);
    return $title;
    }
    add_filter('widget_title', 'arixWP_widget_title');
  • How to color certain words in Titles like Recent from our Portfolio

    Titles like Recent from our Portfolio color a certain word in theme’s color. To reproduce that you have to put that word within span tags. So to color the word Portfolio you would enter:

    Recent from our <span>portfolio</span>

  • 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.

  • What to do if images appear broken

    This is in most cases a TimThumb issue. Check if your js/cache folder of the Theme is set to 777 permissions. If they are set properly please do a check if your GD library is installed and enabled. If you are not sure how to check that contact your hosting provider if you have GD library enabled.

    If anyone is using the Better WP Security plugin, under Server Tweaks, for TimThumb to work properly you must leave ‘Filter Suspicious Query Strings’ unchecked.

  • 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.

  • 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


Dirty Saloon Wordpress Theme

  • How to make the theme look like our 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:

    1. Install the Dirty Saloon WordPress Theme
    2. Install Revolution slider and our shortcode/builder plugin (found in the plugins directory in the files for download)
    3. Import Demo content (found on our support portal)
    4. Import Demo Settings for the Revolution Slider (found on our support portal)
    5. Setting up the Home Page

    These are the basic steps, which I will explain further below.

    1. THEME INSTALLATION

    For Theme installation please see this video tutorial. It explains how to install a new WordPress Theme from a zip file, just in case of Dirty Saloon theme, the file you need to install is cowboy.zip (this is the Theme).

    2. PAGE BUILDER AND SHORTCODE PLUGIN

    You can find it in the plugins directory of the package you installed from Themeforest. Install it via the Add new Plugin. 

    3. REVOLUTION SLIDER

    Revolution slider is the premium plugin that comes with the theme. You can find it in the plugins directory of the package you installed from Themeforest. Install it via the Add new Plugin. After the plugin is installed, you will notice a new tab in the left menu of the WordPress Dashboard (at the bottom of it). We will return to the Slider in step 5 where the settings and demo content will be installed.

    4. TWITTER PLUGIN

    To have the twitter block the same as in live preview you need to install a plugin that comes with the Theme. You can find it in the plugins directory of the package you installed from Themeforest (twitter-widget-pro.2.6.0).

    5. CONTACT FORM

    To have the contact block the same as in live preview you need to install a plugin that comes with the Theme. You can find it in the plugins directory of the package you installed from Themeforest (contact-form-7.3.5.3).

    6. IMPORTING OF THE DEMO CONTENT

    This is where the exciting stuff happens. For demo content import we first need to install a plugin called WordPress Importer. Go to Tools -> Import and select WordPress. You will be prompted to install a plugin. After the plugin is installed simply select the XML file that you downloaded (unzip it first) from our portal and you are done (with all attachments). If all works smoothly then the Theme is almost ready to look like live preview.

    You can download the demo settings on this link.

    7. IMPORTING DEMO CONTENT FOR REVOLUTION SLIDER

    It’s time to import the Settings for the Revolution Slider. Click the Revolution Slider Tab at the bottom of the WordPress Dashboard. Now click the Import Slider button. Now select the TXT file that you downloaded from our support portal (unzip it first) and click OK. The slider will be added with all the Slides and will be ready to use.

    You can download the demo settings on this link.

    8. SETTING UP THE HOME PAGE

    Go to Settings / Reading in your WordPress Dashboard and add the Static Page from the list of Pages (if you imported all the content properly there should be several pages, just like in our live demo).

  • 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 this link:

    Revolution Slider Demo Settings

    8. To also copy the CSS styling to be the same as on our live preview, create new Slider and then when you are adding slider you can click on the button Edit CSS File. Now copy and paste the content of the CSS file that you downloaded from this link:

    Revolution Slider CSS File

  • Demo Content (Dirty Saloon)

    Demo WP content DOWNLOAD.

    Revolution Slider Demo DOWNLOAD.

    Revolution Slider CSS file DOWNLOAD.

  • What are the recommended image sizes for Dirty Saloon

    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 (full width): 1180px X 520px

    Blog Posts: 800px x 390px

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

  • 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 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.

  • 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 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.

  • 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


Elegantica Wordpress Theme

  • How to change URLs of portfolio entries (portfolioentry)

    Open functions.php and find this function:

     

    function create_portfolio() {
        $portfolio_args = array(
            'label' => 'Portfolio',
            'singular_label' => 'Portfolio',
            'public' => true,
            'show_ui' => true,
            'capability_type' => 'post',
            'hierarchical' => false,
            'rewrite' => true,
            'supports' => array('title', 'editor', 'thumbnail', 'author', 'comments', 'excerpt')
        );
        register_post_type('portfolioentry',$portfolio_args);
    }

    replace it with:

     

    function create_portfolio() {
        $portfolio_args = array(
            'label' => 'Portfolio',
            'singular_label' => 'Portfolio',
            'public' => true,
            'show_ui' => true,
            'capability_type' => 'post',
            'hierarchical' => false,
            'rewrite' => array(
        'slug' => 'yourword',
        'with_front' => FALSE,
      ),
            'supports' => array('title', 'editor', 'thumbnail', 'author', 'comments', 'excerpt')
        );
        register_post_type('portfolioentry',$portfolio_args);
    }

    where “yourword” is the word you would like to use.

  • 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 completely remove responsive mode

    If you don’t wish to have responsive mode at all you can easily remove all the responsive features. For Iphones and Ipads it is enough to simply remove one line from header.php. Open header.php and remove the line:

     

    For other mobile devices you need to remove all the css that is used for media queries. Open style.css and go almost to the end of it where the following line is:

    @media screen and (min-width:0px) and (max-width:970px)

    Now delete everything that is beyond this line in style.css (including this line). The responsive part is now completely removed and your website will be seen in full on mobile devices.

  • 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.

  • How to make social icons at the top visible at all times?

    For the icons to be visible at all times open sytle.css and go to line 524. Now replace existing lines at 524 and 525 (classes .notification and .notificationwrap)

    with

    .notification{position: absolute; width: 960px; z-index:99; height:16px; margin-top:-28px !important;}
    .notificationwrap{float: right; margin-right: 30px; margin-top: 13px !important; } 

    To pull down the ribbon also change the margin of classes .close and .open to:

    1.  margin: -25px 0 0 943px !important;
  • My theme is not responsive on Iphone. What to do

    Go to theme’s directory and open header.php. Add following line to the head part of the theme (where other meta informations are, starts with <meta) and add the following line:

    <meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1″ />

  • Theme’s settings are not saving. What to do?

    This is most probably a permissions issue. Go to your theme’s directory and set CSS directory’s permission to 755. Then go inside the folder and set permissions of all php files to 755.

  • 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

  • Demo Content – Elegantica

    Demo content can can be downloaded here.

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

  • What to do if my menu is to wide and goes to next line

    Open style.css and go to line 131 where .menu li class is. Set the margin-left:45px to a lower value like margin-left:25px. Now go to line 125 where .menu-header is and increase the width to 700px. You can play a bit with these settings to get the best possible result.

  • 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 change featured circles shape to square

    Open style.css and go to line 640 where class .homeBox .one_fourth .boxImage is. Now remove following lines:

    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px;

    Now go to line 663 where class .homeBox .one_fourth .imagerecentholder img is. Remove following lines:

    -webkit-border-radius: 180px;
    -moz-border-radius: 180px;
    border-radius: 180px;

  • How to change the colors of header and footer

    To change the header color

    1. open the file style_options.php in the css directory of the theme. Go to line 181 and remove the #headerwrap so it doesn’t take the pattern that is the same as the main body. After you overwrite the file you have to also save the settings in the theme’s admin to apply the new settings.
    2. Now open style.css and go to line 104 and add background:#000; to the  #headerwrap parameter.

    To change the footer color

    1. Open style.css and go to line 1387 where the class #footer is. Add background:#000 !important; to the settings and a new color will be applied (!important has to be added).

  • Iphone 4 and 4s specific responsive style.css

    Iphone 4 and 4s both have a huge resolution (960px wide on landscape) which is exactly as wide as the Theme (based on 960px grid) which is why in original design the responsive mode is almost the same as the desktop version (it maintains clear reading on most parts).

    However some of you may prefer a similar responsive version then on other mobile devices. This is why we published a special style.css that makes a specific responsive design suited for Iphone 4 and 4s (responsive design for other devices is the same as in the original one). After you download the style.zip unzip it and copy the file style.css to Theme’s directory (overwriting the old style.css). To revert the changes simply copy back the original style.css or remove the last part of the css (commented as Iphone 4).

    Download the Iphone 4 and 4s style.css

    RECOMMENDATIONS

    If you have any suggestions on how to improve it drop us a note and we will see what we can do.

  • 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 adjust the position of submenu

    Some users will change the position of either the header or the lower part of the theme. In this case submenu might not be perfectly aligned with the slideshow and breadcrumbs area anymore. To adjust that open style.css and go to line 140 where class .menu li ul is. Now simply adjust the value of top (currently it is top: 47px; ).

  • How to adjust the Position of the main Menu

    To adjust the position of the main menu (you might want to change the position if your logo is bigger or smaller). Open style.css and go to line 126 where class .menu-header is. Now adjust the parameter top (increase or decrease) until you are happy with the results.

  • My Logo is very high and is overlaping the Slideshow and inner Pages. What to do?

    If that is the case you will have to adjust some settings in style.css. To adjust the slideshow open style.css and go to line 2184 where class #slider-wrapper is. Increase the value of top until you are happy with the results.

    In the inner pages you will have to lower the part where the breadcrump data is (Title and path). Go to line 846 and find class .outerpagewrap. Increase the value of top until you are happy with the results.

  • How to remove the Link from the 4 featured Items on Home Page

    To remove the links from the four featured items open the file includes/boxes/homebox.php and remove the links from each of the four boxes. You need to remove:

    <a href=”<?php echo $data['box1_link']? rel=”nofollow”>>

    from line 5 and

    </a>

    from line 11. Now repeat that for all four boxes.

  • How to remove “Share this” social Icons Set

    Some administrators might want to remove the share this page/post part at the bottom of pages and posts. You will have to apply this to each php file that you want this to be removed (category.php, template-sidebar.php,…). In our example we will remove it from a standard page with the sidebar. Open template-sidebar.php and remove following from the file:

    <div></div>
    <div class="”socialsingle”"></div>
  • 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.

  • My Menu seems to be missing. What do I do?

    If you are not seeing the main menu on your website this usually means you need to add it first. On your Dashboard go to Appearance -> Menus and you will notice a holder titled Theme Locations. You will see that Theme supports 2 menus and you can set the upper main menu and footer menu from a dropdown list. Simply save the settings and menu will be added to your Theme.

  • 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 remove the theme’s color from first words in Widget’s titles

    So you don’t like how the first word of every widget’s title is colored? To remove that you have to edit the file called functions.php. Go to line 507 and remove the following function:

    function arixWP_widget_title($title) {
    $title = preg_replace('/(^[A-z0-9_]+)\s/i', '<span>$1</span> ', $title);
    return $title;
    }
    add_filter('widget_title', 'arixWP_widget_title');
  • How to color certain words in Titles like Recent from our Portfolio

    Titles like Recent from our Portfolio color a certain word in theme’s color. To reproduce that you have to put that word within span tags. So to color the word Portfolio you would enter:

    Recent from our <span>portfolio</span>

  • What are the recommended image sizes

    Theme uses different image placeholders for different parts of the site. Please note that images can be bigger since Timthumb will take care of them so they fit within containers. Below is a short list of recommended sizes (used in the live preview).

    Full width slideshow: 1680px X 500px is the recommended size.

    Nivo Slideshow: 940px x 380px

    Blog Posts: 580px x 280px

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

    Sponsors Images: 160px x 130 px

  • 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.

  • How to make the header not stick to the top

    This only calls for a small change in style.css. Find the class #headerwrap and remove the line position: fixed;

    Then you will need to make some small changes to footer and slider wrapper (remove top position from this class).

  • What to do if images appear broken

    This is in most cases a TimThumb issue. Check if your js/cache folder of the Theme is set to 777 permissions. If they are set properly please do a check if your GD library is installed and enabled. If you are not sure how to check that contact your hosting provider if you have GD library enabled.

    If anyone is using the Better WP Security plugin, under Server Tweaks, for TimThumb to work properly you must leave ‘Filter Suspicious Query Strings’ unchecked.

  • How to get the theme to look like the live preview

    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 elegantica_demo.zip  which contains the XML file elegantica.xml.

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

    3.After the plugin is installed simply select the XML file from your computer and you are done.

  • Add more Items in Portfolio Template

    open /admin/theme-options.php and search for line :

    $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", "100","9999");

    Now you can have 9999 items.

  • Full width slideshow doesn’t show text captions

    If you have only one slide in the slideshow add another one. This will solve the problem of captions not appearing.

  • 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.

  • How to change the body Font

    Go to directory css and open file style_options.php. Look for paramater body (at line 95) and change the font family there.

  • 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.

  • Slideshow captions are not showing

    If you are not seeing text captions on Slideshow this is probably due to the fact you only have 1 image in the slideshow. Simply add another image and captions will start working properly.

  • 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

  • How to remove the line below logo

    This is now done automaticlly. If you choose not to display the tag text below the logo, the line will not be displayed. This is convenient if you have a logo that is higher then usual.

    If somehow the setting is not being applied there is another way. Open style.css and go to line 114 where class #logo a is. Delete the line:

    #logo a{border-bottom:2px solid; padding-bottom: 2px;}


Emporium Wordpress Theme

  • How to properly set the Products with attributes

    1. Add desired attributes

    2. Add neccessary attributes options

    3. Add this attribute to product attribute section

    4. Check used for variations

    5. Set Variations

  • I have purchased Woo plugin Variation Swatches and Photos but the layout is wrong. What can I do?

    At the end of style.css paste the following code and it will correct the layout:

    .variation_form_section {float:left; position:relative; height:auto; }
    .variations-table .attribute_pa_colors_picker {width:400px; }
    .rightContentSP {margin-bottom:200px;}
    .rightContentSP .cart {background:none;padding-left:0px;width:100% !important;}
    .rightContentSP .single_variation_wrap {position:relative;float:left;background:#fff; border:1px solid #eee; width:100%; margin:25px 0 0 0px;}
    .rightContentSP .single_variation_wrap.simple{padding-bottom:5px;}
    .rightContentSP .price {position:relative;float:left;font-size:24px;padding:15px;}
    .rightContentSP .single_add_to_cart_button {background:#2a2b2c;position:relative; float:right;padding:6px 10px 6px 10px;margin:12px 15px 0 0;}
    .rightContentSP .single_add_to_cart_button:hover {opacity:1 !important; filter:alpha(opacity=100) !important;}
    .rightContentSP .simple .single_add_to_cart_button{margin:5px 15px 0 0;}
    .rightContentSP .single_add_to_cart_button.external{margin:10px 0 0 0;}
    .rightContentSP .buttons_added {float:right;margin:11px 10px 0 0;}
    .rightContentSP .simple .buttons_added {margin:5px 0 0 10px;}
    .rightContentSP .buttons_added input.input-text.qty.text, .rightContentSP .buttons_added input.minus, .rightContentSP .buttons_added input.plus {position:relative; width:20px; text-align:center;font-size:16px; }
    .rightContentSP .variations_button{float:right; width:50%;}
    .rightContentSP .single_variation{float:left; width:50%; min-height: 50px; }
    .rightContentSP .single_variation .stock {float:left; width:100%;margin-left:15px; font-size:16px;}
    .rightContentSP .single_variation del {display:none;}
    .rightContentSP .single_variation ins {background:none;}
    .rightContentSP .stock {display:none;}
  • How to change URLs of portfolio entries (portfolioentry)

    Open functions.php and find this function:

     

    function create_portfolio() {
        $portfolio_args = array(
            'label' => 'Portfolio',
            'singular_label' => 'Portfolio',
            'public' => true,
            'show_ui' => true,
            'capability_type' => 'post',
            'hierarchical' => false,
            'rewrite' => true,
            'supports' => array('title', 'editor', 'thumbnail', 'author', 'comments', 'excerpt')
        );
        register_post_type('portfolioentry',$portfolio_args);
    }

    replace it with:

     

    function create_portfolio() {
        $portfolio_args = array(
            'label' => 'Portfolio',
            'singular_label' => 'Portfolio',
            'public' => true,
            'show_ui' => true,
            'capability_type' => 'post',
            'hierarchical' => false,
            'rewrite' => array(
        'slug' => 'yourword',
        'with_front' => FALSE,
      ),
            'supports' => array('title', 'editor', 'thumbnail', 'author', 'comments', 'excerpt')
        );
        register_post_type('portfolioentry',$portfolio_args);
    }

    where “yourword” is the word you would like to use.

  • How to properly setup WooCommerce Product – Attributes and Product Variations

    Below is a link to a video that best shows how to properly add products and variable products in WooCommerce:

    How to properly setup WooCommerce Product

  • I get an error while creating a Child Theme. What to do?

    If you get an error saying the path or file is not found that is due to the way the Theme connects to it’s administator panel. To fix this you will have to change a snippet of code in functions.php. Open this file and find the following code:

    require_once (ADMIN_PATH . 'theme-options.php');     // Options panel settings and custom settings
    require_once (ADMIN_PATH . 'admin-interface.php');    // Admin Interfaces
    require_once (ADMIN_PATH . 'admin-functions.php');   // Theme actions based on options settings
    require_once (ADMIN_PATH . 'medialibrary-uploader.php'); // Media Library Uploader

    and replace it with:

    $admin =  get_template_directory() . '/admin/';

    require_once ($admin . 'theme-options.php');   // Options panel settings and custom settings
    require_once ($admin . 'admin-interface.php');  // Admin Interfaces
    require_once ($admin . 'admin-functions.php');  // Theme actions based on options settings
    require_once ($admin . 'medialibrary-uploader.php'); // Media Library Uploader

     

    Now you have to change how the stylesheets are embeded in the scripts.php. Open this file in includes/scripts.php and scroll to the end of the file. You will notice the following code that embeds the styles:

    wp_register_style('main', get_template_directory_uri() . '/style.css', 'style');
    wp_enqueue_style( 'main');
    wp_register_style('options', get_template_directory_uri() . '/css/options.css', 'style');
    wp_enqueue_style( 'options');

    replace it with:

    wp_register_style('main', get_stylesheet_uri(), 'style');
    wp_enqueue_style( 'main');
    wp_register_style('options', get_stylesheet_directory_uri() . '/css/options.css', 'style');
    wp_enqueue_style( 'options');

     

    Now please note that when creating a child theme in our Themes you have to copy the CSS directory also and not just style.css in the child theme directory. We use two style files, one is for general styling and the other picks the settings from Theme’s options.

  • How to show the shipping form on checkout by default

    The shipping form is hidden by default by the WooCommerce plugin. This is the default behaviour. To show it by default do this:

     

    in wp-content/plugins/woocommerce/assets/js/frontend . there’s js file called checkout.min.js, edit it and search for div.shipping_address, change the following:
    e(“p.password, form.login, .checkout_coupon, div.shipping_address”).hide()
    to:
    e(“p.password, form.login, .checkout_coupon”).hide()

  • Which version of the Theme should I install (Woo 1.6 or 2)

    In the latest versions of our Ecommerce Themes (Mercor, Musica, Emporium) you will find two zip files inside. This is due to a new version of WooCommerce that is just before the official release. So if you have Woocommerce version up to 1.6 always use the file: emporium_woo_1.6.zip. If you already have the new version (currently release candidate and not yet offical version) you have to use emporium_woo_2.0.zip. Please note that this is absolutely crucial if you wish for every part of the Theme to function properly!

  • 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.

  • Credit Card info box not showing

    If you use Paypal Pro Woocommerce Gateway plugin, there will be a problem with the credit card info box. The labels for entering credit card, date and security code will be hidden. To fix this go to line 1574 in style.css where class #payment div.payment_box is. Replace the whole class with the following CSS:

    #payment div.payment_box {
        display:block !important;
        position: relative;
        width: 96%;
        background: #E7E8EA;
        border: 1px solid #fff;
        padding: 10px;
        margin: 10px 0 10px 0;
    }

    #payment div.payment_box p {float:left; width:96%; position:relative;}
  • How to make the top menu visible at all times

    If you wish to have top menu visible all the times (loged in or loged out) open function.php and find the following code (around line 218, this differs a bit from Theme to theme and is valid for Themes Mercor, Emporium and Musica);

        <?php if ( is_user_logged_in() ) {?>               
        <ul>
       
        <?php
        if ( has_nav_menu( 'top_menu' ) ) {
            wp_nav_menu( array('theme_location' => 'top_menu', 'container' => 'false', 'menu_class' => 'top-nav', 'echo' => true, 'items_wrap' => '%3$s' ));
        }
        ?>
        </ul>
        <?php } else {?>
        <ul>
            <li><a href="<?php echo home_url() ?>/my-account/"><?php if (!function_exists('icl_object_id') or (ICL_LANGUAGE_CODE == $sitepress->get_default_language()) ) { echo stripText($data['translation_login_register']); } else {  _e('Login / Register','wp-emporium'); } ?></a></li>
        </ul>              
        <?php } ?>

    and replace it with code:

        <ul>
        <?php
        if ( has_nav_menu( 'top_menu' ) ) {
            wp_nav_menu( array('theme_location' => 'top_menu', 'container' => 'false', 'menu_class' => 'top-nav', 'echo' => true, 'items_wrap' => '%3$s' ));
        }
        ?>
        <?php if ( !is_user_logged_in() ) {?>  
            <li><a href="<?php echo home_url() ?>/my-account/"><?php if (!function_exists('icl_object_id') or (ICL_LANGUAGE_CODE == $sitepress->get_default_language()) ) { echo stripText($data['translation_login_register']); } else {  _e('Login / Register','wp-emporium'); } ?></a></li>         
        <?php } ?>
        </ul>
  • How to Isolate a Product from other Products

    Let’s say you would like to make a product option for distributors and not for the regular customers. So visitors can only get to that product by a direct link. To achieve that, do the following:

    Under the Publish section on the product page there is a “Catalog Visibility” option. You can hide products from there.

  • How to completely remove responsive mode

    If you don’t wish to have responsive mode at all you can easily remove all the responsive features. For Iphones and Ipads it is enough to simply remove one line from header.php. Open header.php and remove the line:

     

    For other mobile devices you need to remove all the css that is used for media queries. Open style.css and go almost to the end of it where the following line is:

    @media screen and (min-width:0px) and (max-width:970px)

    Now delete everything that is beyond this line in style.css (including this line). The responsive part is now completely removed and your website will be seen in full on mobile devices.

  • 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.

  • My slideshow is not high enough (and is cutting small images like masks or coats or camera)

    For height of the slideshow to be properly calculated a main image (under image URL label) has to be added. If you wish to have a transparent background with small images over it (like masks in Emporium or coats on Mercor) you have to upload a transparent image to get the proper height. You can download this transparent image from the link below. Image is 1600px x 500px.

    http://emporium.premiumcoding.com/wp-content/uploads/2012/11/emptyHolder.png

    Simply save it to your computer and then upload it in the image tab of the slider as the main image.

    Second possibility of how to edit it is to edit style.css and set the minimum height of the slideshow. Open style.css and go to line around 3040 where class #slider-wrapper is. Change the parameter min-height:100px; to min-height:500px;

  • 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.

    In case you need more then one language in the same wordpress installation you will need WPML plugin (for translations into extra languages). Please note that you need this only if you want more then 1 language at once.

    If you just need translations into another language (like German) and you will only have this language you can translate it from Theme’s admin like described above.

    1. Install WPML (sitepress-multilingual-cms), which can be found here http://wpml.org/

    2. Install woocommerce-multilingual.zip, which can be found in the zip of the theme called plugins

    3. Install String translation plugin (wpml-string-translation), which can be found on the site http://wpml.org/

    Now you are ready to start translating into extra languages.

    How installation of languages is done can be read and learned at

    http://wpml.org/documentation/getting-started-guide/

  • What are the recommended image sizes

    Theme uses different image placeholders for different parts of the site. Please note that images can be bigger since Timthumb will take care of them so they fit within containers. Below is a short list of recommended sizes (used in the live preview).

    Full width slideshow: 1600x500px, transparent images will generally look better. Transparent image need to be used when using extra images (like masks, computers,…) to generate the proper transparent background.

    Nivo Slideshow: 940px x 380px

    Blog Posts: 580px x 280px

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

    Sponsors Images: 160px x 130 px

    Products Images: 800 x 600px (can be bigger or smaller just keep similar aspect ratio for best results)

  • How to properly install Emporium, WooCommerce and demo content

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

    PROPER INSTALLATION PROCESS

    1. Install the Emporium WordPress Theme
    2. Install the Woocommerce plugin (with woocommerce pages)
    3. Import Demo WordPress demo content (can be found on http://themesupport.premiumcoding.com)
  • How to get the theme to look like the live preview

    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 mercorwoocommerceshop.zip  which contains the XML file emporiumwoocommerceshop.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 from your computer and you are done.

    Importing Admin Content

    The XML file will only import content into WordPress (Posts, pages, etc.). To import content into admin to look like live preview (advertisers, team page, etc.) go to Theme’s Options -> Backup Options and empty the content in the Transfer Theme Options Data. Now copy the content of the demo file that can be found on our support portal and click Import Options.

  • What to do if Log out button on top missing

    This means the logout button is not set in the WooCommerce Settings. So go to WooCommerce -> settings and click on 3rd tab called Pages. Now simply make sure the Append a logout link to menus containing “My Account” is checked. If it is not, check it and then save the settings.

    Now create a new page and call it for instance My Account. Now copy paste this shortcode in the page:

    [woocommerce_my_account]

    After that simply add this page to your menu, in the top menu if you want it in the upper part above the main menu.

  • How to change the size of Product Thumbnails

    Open style.css and go to line 814 where classes .homeRacent .productF .recentimage, .homeRacent .productR .recentimage are. Increase the height here to what you wish. I recomend leaving the width intact since this influences layout more.

    You will now see the holder is high enough but the image is cut. Timthumb value for height now needs to be adjusted. Go to includes/boxes/homerecentProduct and homerecentProductF and look for value:

    get_image_pmc(294,224,$post->ID);

    now adjust the height accordingly.

    This is for the home page. To adjust the shop  thumbs settings will have to be applied there also.

  • Items in Shopping Cart Disappearing at Check Out. What to do?

    Seems like this is most likely a setting on your hosting (PHP sessions aren’t set up correctly on your server ) that isn’t set up properly. Some other cause can be affecting this (like a conflict with another plugin). A lot of most probable causes are described in the post below.

    http://wordpress.org/support/topic/plugin-woocommerce-cart-brokennot-adding-products

    Woocommerce forums are also a good place to ask this question since this is a WooCommerce plugin related issue:

    http://www.woothemes.com/woocommerce/

     

  • How to select which Products are featured on the front Page?

    Besides checking this in home settings in admin you have to check this in product’s list also. You can choose for each product whether it will be featured or not. See the screen below for a better clarification:

    Click on an image for a larger preview.

  • Theme’s settings are not saving. What to do?

    This is most probably a permissions issue. Go to your theme’s directory and set CSS directory’s permission to 755. Then go inside the folder and set permissions of all php files to 755.

  • 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 remove the theme’s color from first words in Widget’s titles

    So you don’t like how the first word of every widget’s title is colored? To remove that you have to edit the file called functions.php. Go to line 507 and remove the following function:

    function arixWP_widget_title($title) {
    $title = preg_replace('/(^[A-z0-9_]+)\s/i', '<span>$1</span> ', $title);
    return $title;
    }
    add_filter('widget_title', 'arixWP_widget_title');
  • 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.

  • What to do if images appear broken

    This is in most cases a TimThumb issue. Check if your js/cache folder of the Theme is set to 777 permissions. If they are set properly please do a check if your GD library is installed and enabled. If you are not sure how to check that contact your hosting provider if you have GD library enabled.

    If anyone is using the Better WP Security plugin, under Server Tweaks, for TimThumb to work properly you must leave ‘Filter Suspicious Query Strings’ unchecked.

  • Add more Items in Portfolio Template

    open /admin/theme-options.php and search for line :

    $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", "100","9999");

    Now you can have 9999 items.

  • Full width slideshow doesn’t show text captions

    If you have only one slide in the slideshow add another one. This will solve the problem of captions not appearing.

  • 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


Equipe Wordpress Theme

  • How to change URLs of portfolio entries (portfolioentry)

    Open functions.php and find this function:

     

    function create_portfolio() {
        $portfolio_args = array(
            'label' => 'Portfolio',
            'singular_label' => 'Portfolio',
            'public' => true,
            'show_ui' => true,
            'capability_type' => 'post',
            'hierarchical' => false,
            'rewrite' => true,
            'supports' => array('title', 'editor', 'thumbnail', 'author', 'comments', 'excerpt')
        );
        register_post_type('portfolioentry',$portfolio_args);
    }

    replace it with:

     

    function create_portfolio() {
        $portfolio_args = array(
            'label' => 'Portfolio',
            'singular_label' => 'Portfolio',
            'public' => true,
            'show_ui' => true,
            'capability_type' => 'post',
            'hierarchical' => false,
            'rewrite' => array(
        'slug' => 'yourword',
        'with_front' => FALSE,
      ),
            'supports' => array('title', 'editor', 'thumbnail', 'author', 'comments', 'excerpt')
        );
        register_post_type('portfolioentry',$portfolio_args);
    }

    where “yourword” is the word you would like to use.

  • 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 completely remove responsive mode

    If you don’t wish to have responsive mode at all you can easily remove all the responsive features. For Iphones and Ipads it is enough to simply remove one line from header.php. Open header.php and remove the line:

     

    For other mobile devices you need to remove all the css that is used for media queries. Open style.css and go almost to the end of it where the following line is:

    @media screen and (min-width:0px) and (max-width:970px)

    Now delete everything that is beyond this line in style.css (including this line). The responsive part is now completely removed and your website will be seen in full on mobile devices.

  • 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.

  • Theme’s settings are not saving. What to do?

    This is most probably a permissions issue. Go to your theme’s directory and set CSS directory’s permission to 755. Then go inside the folder and set permissions of all php files to 755.

  • 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

  • How to remove the hexagon mask on 4 featured items on Home Page

    Open style.css and go to line 509 where class .homeBox .one_fourth .imagerecentholder .image-mask is. Now simply remove the line:

    background: url(images/featured-hexagon-mask.png) no-repeat 0 0 transparent;

    and your images will turn into normal squares.

    HOW TO MAKE THE SQUARES INTO CIRCLES WITH CSS

    Let’s say that squares just doesn’t fit into this design and that we would like to make circles instead. Add following lines into class .homeBox .one_fourth .imagerecentholder img :

    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px;

     

  • What are recommended image sizes

    Theme uses different image placeholders for different parts of the site. Please note that images can be bigger since Timthumb will take care of them so they fit within containers. Below is a short list of recommended sizes (used in the live preview).

    Slideshow: 1000px x 400px

    4 featured circles: 200px x 210px (mask will be applied so they look like blurred hexagon shapes)

    Blog Posts: 580px x 280px

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

    Sponsors Images: 160px x 130 px

  • 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 remove the Link from the 4 featured Items on Home Page

    To remove the links from the four featured items open the file includes/boxes/homebox.php and remove the links from each of the four boxes. You need to remove:

    <a href=”<?php echo $data['box1_link']? rel=”nofollow”>>

    from line 5 and

    </a>

    from line 11. Now repeat that for all four boxes.

  • How to remove “Share this” social Icons Set

    Some administrators might want to remove the share this page/post part at the bottom of pages and posts. You will have to apply this to each php file that you want this to be removed (category.php, template-sidebar.php,…). In our example we will remove it from a standard page with the sidebar. Open template-sidebar.php and remove following from the file:

    <div></div>
    <div class="”socialsingle”"></div>
  • 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.

  • My Menu seems to be missing. What do I do?

    If you are not seeing the main menu on your website this usually means you need to add it first. On your Dashboard go to Appearance -> Menus and you will notice a holder titled Theme Locations. You will see that Theme supports 2 menus and you can set the upper main menu and footer menu from a dropdown list. Simply save the settings and menu will be added to your Theme.

  • 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 remove the theme’s color from first words in Widget’s titles

    So you don’t like how the first word of every widget’s title is colored? To remove that you have to edit the file called functions.php. Go to line 507 and remove the following function:

    function arixWP_widget_title($title) {
    $title = preg_replace('/(^[A-z0-9_]+)\s/i', '<span>$1</span> ', $title);
    return $title;
    }
    add_filter('widget_title', 'arixWP_widget_title');
  • How to color certain words in Titles like Recent from our Portfolio

    Titles like Recent from our Portfolio color a certain word in theme’s color. To reproduce that you have to put that word within span tags. So to color the word Portfolio you would enter:

    Recent from our <span>portfolio</span>

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


Fashy Wordpress Theme

  • How to change URLs of portfolio entries (portfolioentry)

    Open functions.php and find this function:

     

    function create_portfolio() {
        $portfolio_args = array(
            'label' => 'Portfolio',
            'singular_label' => 'Portfolio',
            'public' => true,
            'show_ui' => true,
            'capability_type' => 'post',
            'hierarchical' => false,
            'rewrite' => true,
            'supports' => array('title', 'editor', 'thumbnail', 'author', 'comments', 'excerpt')
        );
        register_post_type('portfolioentry',$portfolio_args);
    }

    replace it with:

     

    function create_portfolio() {
        $portfolio_args = array(
            'label' => 'Portfolio',
            'singular_label' => 'Portfolio',
            'public' => true,
            'show_ui' => true,
            'capability_type' => 'post',
            'hierarchical' => false,
            'rewrite' => array(
        'slug' => 'yourword',
        'with_front' => FALSE,
      ),
            'supports' => array('title', 'editor', 'thumbnail', 'author', 'comments', 'excerpt')
        );
        register_post_type('portfolioentry',$portfolio_args);
    }

    where “yourword” is the word you would like to use.

  • 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.

  • Theme’s settings are not saving. What to do?

    This is most probably a permissions issue. Go to your theme’s directory and set CSS directory’s permission to 755. Then go inside the folder and set permissions of all php files to 755.

  • Can’t see theme admin panel.

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

  • My Menu seems to be missing. What do I do?

    If you are not seeing the main menu on your website this usually means you need to add it first. On your Dashboard go to Appearance -> Menus and you will notice a holder titled Theme Locations. You will see that Theme supports 2 menus and you can set the upper main menu and footer menu from a dropdown list. Simply save the settings and menu will be added to your Theme.

  • 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.

  • What to do if images appear broken

    This is in most cases a TimThumb issue. Check if your js/cache folder of the Theme is set to 777 permissions. If they are set properly please do a check if your GD library is installed and enabled. If you are not sure how to check that contact your hosting provider if you have GD library enabled.

    If anyone is using the Better WP Security plugin, under Server Tweaks, for TimThumb to work properly you must leave ‘Filter Suspicious Query Strings’ unchecked.

  • Add more Items in Portfolio Template

    open /admin/theme-options.php and search for line :

    $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", "100","9999");

    Now you can have 9999 items.

  • 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.

  • How to change the body Font

    Go to directory css and open file style_options.php. Look for paramater body (at line 95) and change the font family there.

  • 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


Gothica - Wordpress Theme

  • How to make the theme look like our 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:

    1. Install the Gothica WordPress Theme
    2. Install Revolution slider and our shortcode/builder plugin (found in the plugins directory in the files for download)
    3. Import Demo content (found on our support portal)
    4. Import Demo Settings for the Revolution Slider (found on our support portal)
    5. Setting up the Home Page

    These are the basic steps, which I will explain further below.

    1. THEME INSTALLATION

    For Theme installation please see this video tutorial. It explains how to install a new WordPress Theme from a zip file, just in case of Gothica theme, the file you need to install is Gothica.zip (this is the Theme).

    2. PAGE BUILDER AND SHORTCODE PLUGIN

    You can find it in the plugins directory of the package you installed from Themeforest. Install it via the Add new Plugin. 

    3. REVOLUTION SLIDER

    Revolution slider is the premium plugin that comes with the theme. You can find it in the plugins directory of the package you installed from Themeforest. Install it via the Add new Plugin. After the plugin is installed, you will notice a new tab in the left menu of the WordPress Dashboard (at the bottom of it). We will return to the Slider in step 5 where the settings and demo content will be installed.

    4. TWITTER PLUGIN

    To have the twitter block the same as in live preview you need to install a plugin that comes with the Theme. You can find it in the plugins directory of the package you installed from Themeforest (twitter-widget-pro.2.6.0).

    5. CONTACT FORM

    To have the contact block the same as in live preview you need to install a plugin that comes with the Theme. You can find it in the plugins directory of the package you installed from Themeforest (contact-form-7.3.5.3).

    6. IMPORTING OF THE DEMO CONTENT

    This is where the exciting stuff happens. For demo content import we first need to install a plugin called WordPress Importer. Go to Tools -> Import and select WordPress. You will be prompted to install a plugin. After the plugin is installed simply select the XML file that you downloaded (unzip it first) from our portal and you are done (with all attachments). If all works smoothly then the Theme is almost ready to look like live preview.

    You can download the demo settings on this link.

    7. IMPORTING DEMO CONTENT FOR REVOLUTION SLIDER

    It’s time to import the Settings for the Revolution Slider. Click the Revolution Slider Tab at the bottom of the WordPress Dashboard. Now click the Import Slider button. Now select the TXT file that you downloaded from our support portal (unzip it first) and click OK. The slider will be added with all the Slides and will be ready to use.

    You can download the demo settings on this link.

    8. SETTING UP THE HOME PAGE

    Go to Settings / Reading in your WordPress Dashboard and add the Static Page from the list of Pages (if you imported all the content properly there should be several pages, just like in our live demo).

     

  • 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 this link:

    Revolution Slider Demo Settings

  • What are the recommended image sizes for Gothica

    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 (full width): 1920px X 840px

    Blog Posts: 800px x 390px

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

  • Demo Content (Gothica)

    Demo WP content DOWNLOAD.

    Revolution Slider Demo DOWNLOAD.

  • 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 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.

  • 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 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.

  • 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


Gothicus Wordpress Theme

  • CSS file for Gothicus Revolution Slider
  • How to make the theme look like our 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:

    1. Install the Gothicus WordPress Theme
    2. Install Woocommerce plugin with the WooCommerce pages
    3. Install Revolution slider and our shortcode/builder plugin (found in the plugins directory in the files for download)
    4. Import Demo content (found on our support portal)
    5. Import Demo Settings for the Revolution Slider (found on our support portal)
    6. Setting up the Home Page

    These are the basic steps, which I will explain further below.

    THEME INSTALLATION

    For Theme installation please see this video tutorial. It explains how to install a new WordPress Theme from a zip file, just in case of Buler theme, the file you need to install is buler.zip (this is the Theme).

    INSTALLATION OF WOOCOMMERCE AND IT’S PAGES

    Next step is crucial if you want the demo content to install properly later on. You can search for WooCommerce plugin in the plugins section or you can download it directly from their website:

    http://www.woothemes.com/woocommerce/

    You can also find and install the plugin via the Add new plugin directly from your wordpress dashboard. Search for the term WooCommerce and you will get the following results:

    Install the first plugin (WooCommerce – excelling eCommerce). After you install and activate the package, you will be prompted to install WooCommerce pages also (see the screenshot below):

    Install the WooCommerce Pages so importing of demo content and setting up the pages will work properly later on.

    REVOLUTION SLIDER INSTALLATION

    Revolution slider is the premium plugin that comes with the theme. You can find it in the plugins directory of the package you installed from Themeforest. Install it via the Add new Plugin. After the plugin is installed, you will notice a new tab in the left menu of the WordPress Dashboard (at the bottom of it). We will return to the Slider in step 5 where the settings and demo content will be installed.

    IMPORTING OF THE DEMO CONTENT

    This is where the exciting stuff happens. For demo content import we first need to install a plugin called WordPress Importer. Go to Tools -> Import and select WordPress. You will be prompted to install a plugin. After the plugin is installed simply select the XML file that you downloaded (unzip it first) from our portal and you are done (with all attachments). If all works smoothly then the Theme is almost ready to look like live preview.

    IMPORT OF DEMO SETTINGS FOR REVOLUTION SLIDER

    It’s time to import the Settings for the Revolution Slider. Click the Revolution Slider Tab at the bottom of the WordPress Dashboard. Now click the Import Slider button. Now select the TXT file that you downloaded from our support portal (unzip it first) and click OK. The slider will be added with all the Slides and will be ready to use.

    SETTING UP THE HOME PAGE

    Go to Settings / Reading in your WordPress Dashboard and add the Static Page from the list of Pages (if you imported all the content properly there should be several pages, just like in our live demo).

  • 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 this link:

    Revolution Slider Demo Settings

  • What are the recommended image sizes for Gothicus

    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 (full width): 1920px X 840px

    Blog Posts: 800px x 390px

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

    Single Product Page: 700px X 600px

  • Demo Content (Gothicus)

    Demo WP content DOWNLOAD.

    Revolution Slider Demo DOWNLOAD.

  • 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 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.

  • 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 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.

  • 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


Mercor Wordpress Theme

  • How to properly set the Products with attributes

    1. Add desired attributes

    2. Add neccessary attributes options

    3. Add this attribute to product attribute section

    4. Check used for variations

    5. Set Variations

  • I have purchased Woo plugin Variation Swatches and Photos but the layout is wrong. What can I do?

    At the end of style.css paste the following code and it will correct the layout:

    .variation_form_section {float:left; position:relative; height:auto; }
    .variations-table .attribute_pa_colors_picker {width:400px; }
    .rightContentSP {margin-bottom:200px;}
    .rightContentSP .cart {background:none;padding-left:0px;width:100% !important;}
    .rightContentSP .single_variation_wrap {position:relative;float:left;background:#fff; border:1px solid #eee; width:100%; margin:25px 0 0 0px;}
    .rightContentSP .single_variation_wrap.simple{padding-bottom:5px;}
    .rightContentSP .price {position:relative;float:left;font-size:24px;padding:15px;}
    .rightContentSP .single_add_to_cart_button {background:#2a2b2c;position:relative; float:right;padding:6px 10px 6px 10px;margin:12px 15px 0 0;}
    .rightContentSP .single_add_to_cart_button:hover {opacity:1 !important; filter:alpha(opacity=100) !important;}
    .rightContentSP .simple .single_add_to_cart_button{margin:5px 15px 0 0;}
    .rightContentSP .single_add_to_cart_button.external{margin:10px 0 0 0;}
    .rightContentSP .buttons_added {float:right;margin:11px 10px 0 0;}
    .rightContentSP .simple .buttons_added {margin:5px 0 0 10px;}
    .rightContentSP .buttons_added input.input-text.qty.text, .rightContentSP .buttons_added input.minus, .rightContentSP .buttons_added input.plus {position:relative; width:20px; text-align:center;font-size:16px; }
    .rightContentSP .variations_button{float:right; width:50%;}
    .rightContentSP .single_variation{float:left; width:50%; min-height: 50px; }
    .rightContentSP .single_variation .stock {float:left; width:100%;margin-left:15px; font-size:16px;}
    .rightContentSP .single_variation del {display:none;}
    .rightContentSP .single_variation ins {background:none;}
    .rightContentSP .stock {display:none;}
  • How to change URLs of portfolio entries (portfolioentry)

    Open functions.php and find this function:

     

    function create_portfolio() {
        $portfolio_args = array(
            'label' => 'Portfolio',
            'singular_label' => 'Portfolio',
            'public' => true,
            'show_ui' => true,
            'capability_type' => 'post',
            'hierarchical' => false,
            'rewrite' => true,
            'supports' => array('title', 'editor', 'thumbnail', 'author', 'comments', 'excerpt')
        );
        register_post_type('portfolioentry',$portfolio_args);
    }

    replace it with:

     

    function create_portfolio() {
        $portfolio_args = array(
            'label' => 'Portfolio',
            'singular_label' => 'Portfolio',
            'public' => true,
            'show_ui' => true,
            'capability_type' => 'post',
            'hierarchical' => false,
            'rewrite' => array(
        'slug' => 'yourword',
        'with_front' => FALSE,
      ),
            'supports' => array('title', 'editor', 'thumbnail', 'author', 'comments', 'excerpt')
        );
        register_post_type('portfolioentry',$portfolio_args);
    }

    where “yourword” is the word you would like to use.

  • How to properly setup WooCommerce Product – Attributes and Product Variations

    Below is a link to a video that best shows how to properly add products and variable products in WooCommerce:

    How to properly setup WooCommerce Product

  • I get an error while creating a Child Theme. What to do?

    If you get an error saying the path or file is not found that is due to the way the Theme connects to it’s administator panel. To fix this you will have to change a snippet of code in functions.php. Open this file and find the following code:

    require_once (ADMIN_PATH . 'theme-options.php');     // Options panel settings and custom settings
    require_once (ADMIN_PATH . 'admin-interface.php');    // Admin Interfaces
    require_once (ADMIN_PATH . 'admin-functions.php');   // Theme actions based on options settings
    require_once (ADMIN_PATH . 'medialibrary-uploader.php'); // Media Library Uploader

    and replace it with:

    $admin =  get_template_directory() . '/admin/';

    require_once ($admin . 'theme-options.php');   // Options panel settings and custom settings
    require_once ($admin . 'admin-interface.php');  // Admin Interfaces
    require_once ($admin . 'admin-functions.php');  // Theme actions based on options settings
    require_once ($admin . 'medialibrary-uploader.php'); // Media Library Uploader

     

    Now you have to change how the stylesheets are embeded in the scripts.php. Open this file in includes/scripts.php and scroll to the end of the file. You will notice the following code that embeds the styles:

    wp_register_style('main', get_template_directory_uri() . '/style.css', 'style');
    wp_enqueue_style( 'main');
    wp_register_style('options', get_template_directory_uri() . '/css/options.css', 'style');
    wp_enqueue_style( 'options');

    replace it with:

    wp_register_style('main', get_stylesheet_uri(), 'style');
    wp_enqueue_style( 'main');
    wp_register_style('options', get_stylesheet_directory_uri() . '/css/options.css', 'style');
    wp_enqueue_style( 'options');

     

    Now please note that when creating a child theme in our Themes you have to copy the CSS directory also and not just style.css in the child theme directory. We use two style files, one is for general styling and the other picks the settings from Theme’s options.

  • How to show the shipping form on checkout by default

    The shipping form is hidden by default by the WooCommerce plugin. This is the default behaviour. To show it by default do this:

     

    in wp-content/plugins/woocommerce/assets/js/frontend . there’s js file called checkout.min.js, edit it and search for div.shipping_address, change the following:
    e(“p.password, form.login, .checkout_coupon, div.shipping_address”).hide()
    to:
    e(“p.password, form.login, .checkout_coupon”).hide()

  • Which version of the Theme should I install (Woo 1.6 or 2)

    In the latest versions of our Ecommerce Themes (Mercor, Musica, Emporium) you will find two zip files inside. This is due to a new version of WooCommerce that is just before the official release. So if you have Woocommerce version up to 1.6 always use the file: mercor_woo_1.6.zip. If you already have the new version (currently release candidate and not yet offical version) you have to use mercor_woo_2.0.zip. Please note that this is absolutely crucial if you wish for every part of the Theme to function properly!

  • 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.

  • Credit Card info box not showing

    If you use Paypal Pro Woocommerce Gateway plugin, there will be a problem with the credit card info box. The labels for entering credit card, date and security code will be hidden. To fix this go to line 1574 in style.css where class #payment div.payment_box is. Replace the whole class with the following CSS:

    #payment div.payment_box {
        display:block !important;
        position: relative;
        width: 96%;
        background: #E7E8EA;
        border: 1px solid #fff;
        padding: 10px;
        margin: 10px 0 10px 0;
    }

    #payment div.payment_box p {float:left; width:96%; position:relative;}
  • How to make the top menu visible at all times

    If you wish to have top menu visible all the times (loged in or loged out) open function.php and find the following code (around line 218, this differs a bit from Theme to theme and is valid for Themes Mercor, Emporium and Musica);

        <?php if ( is_user_logged_in() ) {?>               
        <ul>
       
        <?php
        if ( has_nav_menu( 'top_menu' ) ) {
            wp_nav_menu( array('theme_location' => 'top_menu', 'container' => 'false', 'menu_class' => 'top-nav', 'echo' => true, 'items_wrap' => '%3$s' ));
        }
        ?>
        </ul>
        <?php } else {?>
        <ul>
            <li><a href="<?php echo home_url() ?>/my-account/"><?php if (!function_exists('icl_object_id') or (ICL_LANGUAGE_CODE == $sitepress->get_default_language()) ) { echo stripText($data['translation_login_register']); } else {  _e('Login / Register','wp-emporium'); } ?></a></li>
        </ul>              
        <?php } ?>

    and replace it with code:

        <ul>
        <?php
        if ( has_nav_menu( 'top_menu' ) ) {
            wp_nav_menu( array('theme_location' => 'top_menu', 'container' => 'false', 'menu_class' => 'top-nav', 'echo' => true, 'items_wrap' => '%3$s' ));
        }
        ?>
        <?php if ( !is_user_logged_in() ) {?>  
            <li><a href="<?php echo home_url() ?>/my-account/"><?php if (!function_exists('icl_object_id') or (ICL_LANGUAGE_CODE == $sitepress->get_default_language()) ) { echo stripText($data['translation_login_register']); } else {  _e('Login / Register','wp-emporium'); } ?></a></li>         
        <?php } ?>
        </ul>
  • How to Isolate a Product from other Products

    Let’s say you would like to make a product option for distributors and not for the regular customers. So visitors can only get to that product by a direct link. To achieve that, do the following:

    Under the Publish section on the product page there is a “Catalog Visibility” option. You can hide products from there.

  • How to remove TimThumb from Single Product Page

    To disable timthumb on the single product image do the following:

    1. Go to theme’s directory in the path mercor\woocommerce\single-product\product-image.php
    2. Open file product-image.php
    3. Go to lines 88 and 110 and check the lines that start with:
     <a href = “<?php echo $image[0] ? rel=”nofollow”>
    4. Move to the end of these lines where you will see:
         &w=460&h=335
    5. Delete this and timthumb will be removed.

  • How to completely remove responsive mode

    If you don’t wish to have responsive mode at all you can easily remove all the responsive features. For Iphones and Ipads it is enough to simply remove one line from header.php. Open header.php and remove the line:

     

    For other mobile devices you need to remove all the css that is used for media queries. Open style.css and go almost to the end of it where the following line is:

    @media screen and (min-width:0px) and (max-width:970px)

    Now delete everything that is beyond this line in style.css (including this line). The responsive part is now completely removed and your website will be seen in full on mobile devices.

  • 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.

  • My slideshow is not high enough (and is cutting small images like masks or coats or camera)

    For height of the slideshow to be properly calculated a main image (under image URL label) has to be added. If you wish to have a transparent background with small images over it (like masks in Emporium or coats on Mercor) you have to upload a transparent image to get the proper height. You can download this transparent image from the link below. Image is 1600px x 500px.

    http://emporium.premiumcoding.com/wp-content/uploads/2012/11/emptyHolder.png

    Simply save it to your computer and then upload it in the image tab of the slider as the main image.

    Second possibility of how to edit it is to edit style.css and set the minimum height of the slideshow. Open style.css and go to line around 3040 where class #slider-wrapper is. Change the parameter min-height:100px; to min-height:500px;

  • What to do if Log out button on top missing

    This means the logout button is not set in the WooCommerce Settings. So go to WooCommerce -> settings and click on 3rd tab called Pages. Now simply make sure the Append a logout link to menus containing “My Account” is checked. If it is not, check it and then save the settings.

    Now create a new page and call it for instance My Account. Now copy paste this shortcode in the page:

    [woocommerce_my_account]

    After that simply add this page to your menu, in the top menu if you want it in the upper part above the main menu.

  • How to change the size of Product Thumbnails

    Open style.css and go to line 814 where classes .homeRacent .productF .recentimage, .homeRacent .productR .recentimage are. Increase the height here to what you wish. I recomend leaving the width intact since this influences layout more.

    You will now see the holder is high enough but the image is cut. Timthumb value for height now needs to be adjusted. Go to includes/boxes/homerecentProduct and homerecentProductF and look for value:

    get_image_pmc(294,224,$post->ID);

    now adjust the height accordingly.

    This is for the home page. To adjust the shop  thumbs settings will have to be applied there also.

  • Items in Shopping Cart Disappearing at Check Out. What to do?

    Seems like this is most likely a setting on your hosting (PHP sessions aren’t set up correctly on your server ) that isn’t set up properly. Some other cause can be affecting this (like a conflict with another plugin). A lot of most probable causes are described in the post below.

    http://wordpress.org/support/topic/plugin-woocommerce-cart-brokennot-adding-products

    Woocommerce forums are also a good place to ask this question since this is a WooCommerce plugin related issue:

    http://www.woothemes.com/woocommerce/

     

  • How to select which Products are featured on the front Page?

    Besides checking this in home settings in admin you have to check this in product’s list also. You can choose for each product whether it will be featured or not. See the screen below for a better clarification:

    Click on an image for a larger preview.

  • Images in product page seems to have a certain padding (visible if image background is dark)

    There is a quick fix for that. Open style.css and do the following:

    1. At line 165 where classes div.product div.images img, #content div.product div.images img are, increase the width from 460px to 470px.

    at line 3065 after class .anythingSlider add following line:

    .leftContentSP .imagesSPAll .anythingSlider {padding:0;}

     

    You might want to adjust the forward buttons also (not neccessary). You can do that by replacing curent lines at 161 and 162 where classes .imagesSP .nextbutton.port and .imagesSP .prevbutton.port are with:

    .imagesSP .nextbutton.port{width:25px; height:26px;margin-left:-45px;margin-top:80px; }
    .imagesSP .prevbutton.port{width:25px; height:26px;margin-left:-75px;margin-top:80px; }

  • Theme’s settings are not saving. What to do?

    This is most probably a permissions issue. Go to your theme’s directory and set CSS directory’s permission to 755. Then go inside the folder and set permissions of all php files to 755.

  • How to remove the character limitation in short Description

    To remove the character limitation in short Description open /woocommerce/single-product/short-description.php and go to line 27.

    Replace :

    <?php echo substr(apply_filters( 'woocommerce_short_description', $post->post_excerpt ),0,230).' ...'; ?>

    with:

    <?php echo apply_filters( 'woocommerce_short_description', $post->post_excerpt ); ?>
  • 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

  • My Logo is very high and is overlaping the Slideshow and inner Pages. What to do?

    To increase the space for a higher logo open style.css and edit following classes:

    1.   #headerwrap at line 922 and increase the height so the logo fits (lets say from 120px to 200px).
    2. you now have to adjust some other classes also since header is fixed which means some containers below will not automaticlly position.
    3.  #slider-wrapper at line 3059 should be positioned lower for the same amount as you increased the height (lets say from 130px to 210px). Also add margin-bottom:100px; to the class.
    4.  .outerpagewrap at line 1629 should be positioned lower for the same amount as you increased the height (lets say from 120px to 200px). Also add margin-bottom:100px; to the class.

    Values above are just an example, they will probably be a bit different for your logo.

  • Demo Content – Mercor

    Demo WP content DOWNLOAD.

    Demo Theme Admin DOWNLOAD.

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

  • How to properly install Mercor, WooCommerce and demo content

    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 Mercor WordPress Theme
    2. Install the Woocommerce plugin (with woocommerce pages)
    3. Import Demo WordPress demo content
    4. Import demo settings for Admin Panel

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

  • How to get the theme to look like the live preview

    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 mercorwoocommerceshop.zip  which contains the XML file mercorwoocommerceshop.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 from your computer and you are done.

    Importing Admin Content

    The XML file will only import content into WordPress (Posts, pages, etc.). To import content into admin to look like live preview (advertisers, team page, etc.) go to Theme’s Options -> Backup Options and empty the content in the Transfer Theme Options Data. Now copy the content of the demo file that can be found on our support portal and click Import Options.

  • What are the recommended image sizes

    Theme uses different image placeholders for different parts of the site. Please note that images can be bigger since Timthumb will take care of them so they fit within containers. Below is a short list of recommended sizes (used in the live preview).

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

    Nivo Slideshow: 940px x 380px

    Blog Posts: 580px x 280px

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

    Sponsors Images: 160px x 130 px

    Products Images: 800 x 600px (can be bigger or smaller just keep similar aspect ratio for best results)

  • 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 remove “Share this” social Icons Set

    Some administrators might want to remove the share this page/post part at the bottom of pages and posts. You will have to apply this to each php file that you want this to be removed (category.php, template-sidebar.php,…). In our example we will remove it from a standard page with the sidebar. Open template-sidebar.php and remove following from the file:

    <div></div>
    <div class="”socialsingle”"></div>
  • 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 remove the theme’s color from first words in Widget’s titles

    So you don’t like how the first word of every widget’s title is colored? To remove that you have to edit the file called functions.php. Go to line 507 and remove the following function:

    function arixWP_widget_title($title) {
    $title = preg_replace('/(^[A-z0-9_]+)\s/i', '<span>$1</span> ', $title);
    return $title;
    }
    add_filter('widget_title', 'arixWP_widget_title');
  • How to color certain words in Titles like Recent from our Portfolio

    Titles like Recent from our Portfolio color a certain word in theme’s color. To reproduce that you have to put that word within span tags. So to color the word Portfolio you would enter:

    Recent from our <span>portfolio</span>

  • 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.

  • How to make the header not stick to the top

    This only calls for a small change in style.css. Find the class #headerwrap and remove the line position: fixed;

    Then you will need to make some small changes to footer and slider wrapper (remove top position from this class).

  • What to do if images appear broken

    This is in most cases a TimThumb issue. Check if your js/cache folder of the Theme is set to 777 permissions. If they are set properly please do a check if your GD library is installed and enabled. If you are not sure how to check that contact your hosting provider if you have GD library enabled.

    If anyone is using the Better WP Security plugin, under Server Tweaks, for TimThumb to work properly you must leave ‘Filter Suspicious Query Strings’ unchecked.

  • Add more Items in Portfolio Template

    open /admin/theme-options.php and search for line :

    $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", "100","9999");

    Now you can have 9999 items.

  • Full width slideshow doesn’t show text captions

    If you have only one slide in the slideshow add another one. This will solve the problem of captions not appearing.

  • 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


Micka Wordpress Theme

  • 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 get the theme to look like the 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 Camy WordPress Theme
    2. Import Demo WordPress demo content

    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 musica_demo.zip  which contains the XML file musica_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).

  • Demo Content (Micka)

    Demo WP content DOWNLOAD.

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

  • What are the recommended image sizes for Micka

    Theme uses different image placeholders for different parts of the site. Please note that images can be bigger since Timthumb will take care of them so they fit within containers. Below is a short list of recommended sizes (used in the live preview).

    IOS Slideshow: 1180px X 420px

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

    Nivo Slideshow: 1140px X 400px

    Blog Posts: 800px x 390px

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

    Sponsors Images: 235px x 128 px

  • 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.

  • My Logo is very high and is overlaping the Slideshow and inner Pages. What to do?

    To increase the space for a higher logo open style.css and edit following classes:

    1.   #headerwrap and increase the height so the logo fits (lets say from 120px to 200px).
    2. you now have to adjust some other classes also since header is fixed which means some containers below will not automaticlly position.
    3.  #slider-wrapper should be positioned lower for the same amount as you increased the height (lets say from 130px to 210px). Also add margin-bottom:100px; to the class.
    4.  .outerpagewrap should be positioned lower for the same amount as you increased the height (lets say from 120px to 200px). Also add margin-bottom:100px; to the class.

    Values above are just an example, they will probably be a bit different for your logo.

  • How to completely remove responsive mode

    If you don’t wish to have responsive mode at all you can easily remove all the responsive features. For Iphones and Ipads it is enough to simply remove one line from header.php. Open header.php and remove the line:

     

    For other mobile devices you need to remove all the css that is used for media queries. Open style.css and go almost to the end of it where the following line is:

    @media screen and (min-width:0px) and (max-width:970px)

    Now delete everything that is beyond this line in style.css (including this line). The responsive part is now completely removed and your website will be seen in full on mobile devices.

  • 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.

  • My slideshow is not high enough (and is cutting small images like masks or coats or camera)

    For height of the slideshow to be properly calculated a main image (under image URL label) has to be added. If you wish to have a transparent background with small images over it (like masks in Emporium or coats on Mercor) you have to upload a transparent image to get the proper height. You can download this transparent image from the link below. Image is 1600px x 500px.

    http://emporium.premiumcoding.com/wp-content/uploads/2012/11/emptyHolder.png

    Simply save it to your computer and then upload it in the image tab of the slider as the main image.

    Second possibility of how to edit it is to edit style.css and set the minimum height of the slideshow. Open style.css and go to line around 3040 where class #slider-wrapper is. Change the parameter min-height:100px; to min-height:500px;

  • 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.

  • How to make the header not stick to the top

    This only calls for a small change in style.css. Find the class #headerwrap and remove the line position: fixed;

    Then you will need to make some small changes to footer and slider wrapper (remove top position from this class).

  • Add more Items in Portfolio Template

    open /admin/theme-options.php and search for line :

    $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", "100","9999");

    Now you can have 9999 items.

  • Full width slideshow doesn’t show text captions

    If you have only one slide in the slideshow add another one. This will solve the problem of captions not appearing.

  • 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


Mistix Wordpress Theme

  • Theme’s settings are not saving. What to do?

    This is most probably a permissions issue. Go to your theme’s directory and set CSS directory’s permission to 755. Then go inside the folder and set permissions of all php files to 755.

  • Can’t see theme admin panel.

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

  • My Menu seems to be missing. What do I do?

    If you are not seeing the main menu on your website this usually means you need to add it first. On your Dashboard go to Appearance -> Menus and you will notice a holder titled Theme Locations. You will see that Theme supports 2 menus and you can set the upper main menu and footer menu from a dropdown list. Simply save the settings and menu will be added to your Theme.

  • 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.

  • What to do if images appear broken

    This is in most cases a TimThumb issue. Check if your js/cache folder of the Theme is set to 777 permissions. If they are set properly please do a check if your GD library is installed and enabled. If you are not sure how to check that contact your hosting provider if you have GD library enabled.

    If anyone is using the Better WP Security plugin, under Server Tweaks, for TimThumb to work properly you must leave ‘Filter Suspicious Query Strings’ unchecked.

  • Add more Items in Portfolio Template

    open /admin/theme-options.php and search for line :

    $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", "100","9999");

    Now you can have 9999 items.

  • How to delete View more Services Button on Pages

    You will need to edit template that you use as page template. Basically you have to remove:

    <div class="linebreak"></div>
    <div class="socialsingle"><?php socialLinkSingle() ?></div>
  • How to add the description below the main Headings

    Under Appearance -> Menus where you add the menu items you need to add the description also besides the Navigation Label. See the screen to get a visual presentation of where it needs to be entered. If you don’t see the description field you have to enable it first under Screen Options.

  • 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.

  • How to change the body Font

    Go to directory css and open file style_options.php. Look for paramater body (at line 95) and change the font family there.

  • 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


Munditia Ecommerce Theme

  • Demo Content (Munditia)

    Inside the zip file that you can download from the link below you fill wind 4 files.

    munditia-wp - this is the demo content for WordPress (all the posts, pages and products)

    slider_export - this is the demo content for Revolution Slider (boxed version)

    slider_export_full - this is the demo content for Revolution Slider (full width version)

    munditia-widgets.wie - demo content that will import widgets (they will be positioned like on our live demo). You will need the following plugin to import the widgets:

    http://wordpress.org/plugins/widget-importer-exporter/

     

    DOWNLOAD DEMO CONTENT

    Download Demo Content

    DOWNLOAD REVOLITION SLIDER COMPLETE DEMO CONTENT (ZIP FILES THAT INCLUDES CSS)

    Download Revolution Demo Content

  • What are the recommended image sizes for Munditia

    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 (Boxed): 1180px X 480px

    Revolution Slideshow (full width): 1920px X 500px

    Blog Posts: 800px x 390px

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

    Single Portfolio Procut: 740px X 600px (or bigger of similar aspect ratio).

  • How to make the theme look like our 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:

    1. Install the Munditia WordPress Theme
    2. Install Revolution slider and our Shortcode/builder plugin (found in the plugins directory in the files for download)
    3. Install plugin for importing Widgets (http://wordpress.org/plugins/widget-importer-exporter/)
    4. Import Demo content (found on our support portal)
    5. Import Demo Widgets (found on our support portal)
    6. Import Demo Settings for the Revolution Slider (found on our support portal)
    7. Setting up the Home Page

    These are the basic steps, which I will explain further below.

    1. THEME INSTALLATION

    For Theme installation please see this video tutorial. It explains how to install a new WordPress Theme from a zip file, just in case of Munditia theme, the file you need to install is munditia.zip (this is the Theme).

    2. PAGE BUILDER AND SHORTCODE PLUGIN

    You can find it in the plugins directory of the package you installed from Themeforest. Install it via the Add new Plugin. 

    3. REVOLUTION SLIDER

    Revolution slider is the premium plugin that comes with the theme. You can find it in the plugins directory of the package you installed from Themeforest. Install it via the Add new Plugin. After the plugin is installed, you will notice a new tab in the left menu of the WordPress Dashboard (at the bottom of it). We will return to the Slider in step 5 where the settings and demo content will be installed.

    4. TWITTER PLUGIN

    To have the twitter block the same as in live preview you need to install a plugin that comes with the Theme. You can find it in the plugins directory of the package you installed from Themeforest (twitter-widget-pro.2.6.0).

    5. CONTACT FORM

    To have the contact block the same as in live preview you need to install a plugin that comes with the Theme. You can find it in the plugins directory of the package you installed from Themeforest (contact-form-7.3.5.3).

    6. IMPORTING OF THE DEMO CONTENT

    This is where the exciting stuff happens. For demo content import we first need to install a plugin called WordPress Importer. Go to Tools -> Import and select WordPress. You will be prompted to install a plugin. After the plugin is installed simply select the XML file that you downloaded (unzip it first) from our portal and you are done (with all attachments). If all works smoothly then the Theme is almost ready to look like live preview.

    You can download the demo settings on this link.

    7. IMPORTING DEMO CONTENT FOR REVOLUTION SLIDER

    It’s time to import the Settings for the Revolution Slider. Click the Revolution Slider Tab at the bottom of the WordPress Dashboard. Now click the Import Slider button. Now select the TXT/ZIP file that you downloaded from our support portal (unzip it first) and click OK. The slider will be added with all the Slides and will be ready to use.

    You can download the demo settings on this link.

    If you need the CSS styling also for the revolution Slider that download and import the following zip file (import the whole zip directly):

    Download Revolution Slider Complete Demo Content (ZIP)

    8. IMPORTING WIDGETS

    You will need the following plugin to import the widgets:

    http://wordpress.org/plugins/widget-importer-exporter/

    After plugin is installed simply import the munditia-widgets.wie demo file that will import the widgets.

    9. SETTING UP THE HOME PAGE

    Go to Settings / Reading in your WordPress Dashboard and add the Static Page from the list of Pages (if you imported all the content properly there should be several pages, just like in our live demo).

     

  • How to Install the demo settings for Revolution Slideshow (Munditia)

    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 ZIP file that you got in this link:

    Revolution Slider Demo Settings

  • 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.

  • I get an error while creating a Child Theme. What to do?

    If you get an error saying the path or file is not found that is due to the way the Theme connects to it’s administator panel. To fix this you will have to change a snippet of code in functions.php. Open this file and find the following code:

    require_once (ADMIN_PATH . 'theme-options.php');     // Options panel settings and custom settings
    require_once (ADMIN_PATH . 'admin-interface.php');    // Admin Interfaces
    require_once (ADMIN_PATH . 'admin-functions.php');   // Theme actions based on options settings
    require_once (ADMIN_PATH . 'medialibrary-uploader.php'); // Media Library Uploader

    and replace it with:

    $admin =  get_template_directory() . '/admin/';

    require_once ($admin . 'theme-options.php');   // Options panel settings and custom settings
    require_once ($admin . 'admin-interface.php');  // Admin Interfaces
    require_once ($admin . 'admin-functions.php');  // Theme actions based on options settings
    require_once ($admin . 'medialibrary-uploader.php'); // Media Library Uploader

     

    Now you have to change how the stylesheets are embeded in the scripts.php. Open this file in includes/scripts.php and scroll to the end of the file. You will notice the following code that embeds the styles:

    wp_register_style('main', get_template_directory_uri() . '/style.css', 'style');
    wp_enqueue_style( 'main');
    wp_register_style('options', get_template_directory_uri() . '/css/options.css', 'style');
    wp_enqueue_style( 'options');

    replace it with:

    wp_register_style('main', get_stylesheet_uri(), 'style');
    wp_enqueue_style( 'main');
    wp_register_style('options', get_stylesheet_directory_uri() . '/css/options.css', 'style');
    wp_enqueue_style( 'options');

     

    Now please note that when creating a child theme in our Themes you have to copy the CSS directory also and not just style.css in the child theme directory. We use two style files, one is for general styling and the other picks the settings 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 completely remove responsive mode

    If you don’t wish to have responsive mode at all you can easily remove all the responsive features. For Iphones and Ipads it is enough to simply remove one line from header.php. Open header.php and remove the line:

     

    For other mobile devices you need to remove all the css that is used for media queries. Open style.css and go almost to the end of it where the following line is:

    @media screen and (min-width:0px) and (max-width:970px)

    Now delete everything that is beyond this line in style.css (including this line). The responsive part is now completely removed and your website will be seen in full on mobile devices.

  • 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.

    In case you need more then one language in the same wordpress installation you will need WPML plugin (for translations into extra languages). Please note that you need this only if you want more then 1 language at once.

    If you just need translations into another language (like German) and you will only have this language you can translate it from Theme’s admin like described above.

    1. Install WPML (sitepress-multilingual-cms), which can be found here http://wpml.org/

    2. Install woocommerce-multilingual.zip, which can be found in the zip of the theme called plugins

    3. Install String translation plugin (wpml-string-translation), which can be found on the site http://wpml.org/

    Now you are ready to start translating into extra languages.

    How installation of languages is done can be read and learned at

    http://wpml.org/documentation/getting-started-guide/

  • Theme’s settings are not saving. What to do?

    This is most probably a permissions issue. Go to your theme’s directory and set CSS directory’s permission to 755. Then go inside the folder and set permissions of all php files to 755.

  • 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 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.

  • 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.


Mundus Wordpress Theme

  • How to make the theme look like our 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:

    1. Install the Mundus WordPress Theme
    2. Install Revolution slider and our shortcode/builder plugin (found in the plugins directory in the files for download)
    3. Import Demo content (found on our support portal)
    4. Import Demo Settings for the Revolution Slider (found on our support portal)
    5. Setting up the Home Page

    These are the basic steps, which I will explain further below.

    1. THEME INSTALLATION

    For Theme installation please see this video tutorial. It explains how to install a new WordPress Theme from a zip file, just in case of Gothica theme, the file you need to install is Gothica.zip (this is the Theme).

    2. PAGE BUILDER AND SHORTCODE PLUGIN

    You can find it in the plugins directory of the package you installed from Themeforest. Install it via the Add new Plugin. 

    3. REVOLUTION SLIDER

    Revolution slider is the premium plugin that comes with the theme. You can find it in the plugins directory of the package you installed from Themeforest. Install it via the Add new Plugin. After the plugin is installed, you will notice a new tab in the left menu of the WordPress Dashboard (at the bottom of it). We will return to the Slider in step 5 where the settings and demo content will be installed.

    4. TWITTER PLUGIN

    To have the twitter block the same as in live preview you need to install a plugin that comes with the Theme. You can find it in the plugins directory of the package you installed from Themeforest (twitter-widget-pro.2.6.0).

    5. CONTACT FORM

    To have the contact block the same as in live preview you need to install a plugin that comes with the Theme. You can find it in the plugins directory of the package you installed from Themeforest (contact-form-7.3.5.3).

    6. IMPORTING OF THE DEMO CONTENT

    This is where the exciting stuff happens. For demo content import we first need to install a plugin called WordPress Importer. Go to Tools -> Import and select WordPress. You will be prompted to install a plugin. After the plugin is installed simply select the XML file that you downloaded (unzip it first) from our portal and you are done (with all attachments). If all works smoothly then the Theme is almost ready to look like live preview.

    You can download the demo settings on this link.

    7. IMPORTING DEMO CONTENT FOR REVOLUTION SLIDER

    It’s time to import the Settings for the Revolution Slider. Click the Revolution Slider Tab at the bottom of the WordPress Dashboard. Now click the Import Slider button. Now select the TXTZIP file that you downloaded from our support portal (unzip it first) and click OK. The slider will be added with all the Slides and will be ready to use.

    You can download the demo settings on this link.

    8. SETTING UP THE HOME PAGE

    Go to Settings / Reading in your WordPress Dashboard and add the Static Page from the list of Pages (if you imported all the content properly there should be several pages, just like in our live demo).

     

  • Demo Content (Mundus)

    Demo WP content DOWNLOAD.

    Revolution Slider Demo DOWNLOAD.

  • What are the recommended image sizes for Mundus

    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 (full width): 1920px X 840px

    Blog Posts: 800px x 390px

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

  • 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 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.

  • 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 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.

  • 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


Musica Wordpress Theme

  • How to properly set the Products with attributes

    1. Add desired attributes

    2. Add neccessary attributes options

    3. Add this attribute to product attribute section

    4. Check used for variations

    5. Set Variations

  • 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).

  • I have purchased Woo plugin Variation Swatches and Photos but the layout is wrong. What can I do?

    At the end of style.css paste the following code and it will correct the layout:

    .variation_form_section {float:left; position:relative; height:auto; }
    .variations-table .attribute_pa_colors_picker {width:400px; }
    .rightContentSP {margin-bottom:200px;}
    .rightContentSP .cart {background:none;padding-left:0px;width:100% !important;}
    .rightContentSP .single_variation_wrap {position:relative;float:left;background:#fff; border:1px solid #eee; width:100%; margin:25px 0 0 0px;}
    .rightContentSP .single_variation_wrap.simple{padding-bottom:5px;}
    .rightContentSP .price {position:relative;float:left;font-size:24px;padding:15px;}
    .rightContentSP .single_add_to_cart_button {background:#2a2b2c;position:relative; float:right;padding:6px 10px 6px 10px;margin:12px 15px 0 0;}
    .rightContentSP .single_add_to_cart_button:hover {opacity:1 !important; filter:alpha(opacity=100) !important;}
    .rightContentSP .simple .single_add_to_cart_button{margin:5px 15px 0 0;}
    .rightContentSP .single_add_to_cart_button.external{margin:10px 0 0 0;}
    .rightContentSP .buttons_added {float:right;margin:11px 10px 0 0;}
    .rightContentSP .simple .buttons_added {margin:5px 0 0 10px;}
    .rightContentSP .buttons_added input.input-text.qty.text, .rightContentSP .buttons_added input.minus, .rightContentSP .buttons_added input.plus {position:relative; width:20px; text-align:center;font-size:16px; }
    .rightContentSP .variations_button{float:right; width:50%;}
    .rightContentSP .single_variation{float:left; width:50%; min-height: 50px; }
    .rightContentSP .single_variation .stock {float:left; width:100%;margin-left:15px; font-size:16px;}
    .rightContentSP .single_variation del {display:none;}
    .rightContentSP .single_variation ins {background:none;}
    .rightContentSP .stock {display:none;}
  • How to properly setup WooCommerce Product – Attributes and Product Variations

    Below is a link to a video that best shows how to properly add products and variable products in WooCommerce:

    How to properly setup WooCommerce Product

  • I get an error while creating a Child Theme. What to do?

    If you get an error saying the path or file is not found that is due to the way the Theme connects to it’s administator panel. To fix this you will have to change a snippet of code in functions.php. Open this file and find the following code:

    require_once (ADMIN_PATH . 'theme-options.php');     // Options panel settings and custom settings
    require_once (ADMIN_PATH . 'admin-interface.php');    // Admin Interfaces
    require_once (ADMIN_PATH . 'admin-functions.php');   // Theme actions based on options settings
    require_once (ADMIN_PATH . 'medialibrary-uploader.php'); // Media Library Uploader

    and replace it with:

    $admin =  get_template_directory() . '/admin/';

    require_once ($admin . 'theme-options.php');   // Options panel settings and custom settings
    require_once ($admin . 'admin-interface.php');  // Admin Interfaces
    require_once ($admin . 'admin-functions.php');  // Theme actions based on options settings
    require_once ($admin . 'medialibrary-uploader.php'); // Media Library Uploader

     

    Now you have to change how the stylesheets are embeded in the scripts.php. Open this file in includes/scripts.php and scroll to the end of the file. You will notice the following code that embeds the styles:

    wp_register_style('main', get_template_directory_uri() . '/style.css', 'style');
    wp_enqueue_style( 'main');
    wp_register_style('options', get_template_directory_uri() . '/css/options.css', 'style');
    wp_enqueue_style( 'options');

    replace it with:

    wp_register_style('main', get_stylesheet_uri(), 'style');
    wp_enqueue_style( 'main');
    wp_register_style('options', get_stylesheet_directory_uri() . '/css/options.css', 'style');
    wp_enqueue_style( 'options');

     

    Now please note that when creating a child theme in our Themes you have to copy the CSS directory also and not just style.css in the child theme directory. We use two style files, one is for general styling and the other picks the settings from Theme’s options.

  • How to show the shipping form on checkout by default

    The shipping form is hidden by default by the WooCommerce plugin. This is the default behaviour. To show it by default do this:

     

    in wp-content/plugins/woocommerce/assets/js/frontend . there’s js file called checkout.min.js, edit it and search for div.shipping_address, change the following:
    e(“p.password, form.login, .checkout_coupon, div.shipping_address”).hide()
    to:
    e(“p.password, form.login, .checkout_coupon”).hide()

  • Which version of the Theme should I install (1.6 or 2)

    In the latest versions of our Ecommerce Themes (Mercor, Musica, Emporium) you will find two zip files inside. This is due to a new version of WooCommerce that is just before the official release. So if you have Woocommerce version up to 1.6 always use the file: musica_woo_1.6.zip. If you already have the new version (currently release candidate and not yet offical version) you have to use musica_woo_2.0.zip. Please note that this is absolutely crucial if you wish for every part of the Theme to function properly!

  • 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.

  • Credit Card info box not showing

    If you use Paypal Pro Woocommerce Gateway plugin, there will be a problem with the credit card info box. The labels for entering credit card, date and security code will be hidden. To fix this go to line 1574 in style.css where class #payment div.payment_box is. Replace the whole class with the following CSS:

    #payment div.payment_box {
        display:block !important;
        position: relative;
        width: 96%;
        background: #E7E8EA;
        border: 1px solid #fff;
        padding: 10px;
        margin: 10px 0 10px 0;
    }

    #payment div.payment_box p {float:left; width:96%; position:relative;}
  • How to make the top menu visible at all times

    If you wish to have top menu visible all the times (loged in or loged out) open function.php and find the following code (around line 218, this differs a bit from Theme to theme and is valid for Themes Mercor, Emporium and Musica);

        <?php if ( is_user_logged_in() ) {?>               
        <ul>
       
        <?php
        if ( has_nav_menu( 'top_menu' ) ) {
            wp_nav_menu( array('theme_location' => 'top_menu', 'container' => 'false', 'menu_class' => 'top-nav', 'echo' => true, 'items_wrap' => '%3$s' ));
        }
        ?>
        </ul>
        <?php } else {?>
        <ul>
            <li><a href="<?php echo home_url() ?>/my-account/"><?php if (!function_exists('icl_object_id') or (ICL_LANGUAGE_CODE == $sitepress->get_default_language()) ) { echo stripText($data['translation_login_register']); } else {  _e('Login / Register','wp-emporium'); } ?></a></li>
        </ul>              
        <?php } ?>

    and replace it with code:

        <ul>
        <?php
        if ( has_nav_menu( 'top_menu' ) ) {
            wp_nav_menu( array('theme_location' => 'top_menu', 'container' => 'false', 'menu_class' => 'top-nav', 'echo' => true, 'items_wrap' => '%3$s' ));
        }
        ?>
        <?php if ( !is_user_logged_in() ) {?>  
            <li><a href="<?php echo home_url() ?>/my-account/"><?php if (!function_exists('icl_object_id') or (ICL_LANGUAGE_CODE == $sitepress->get_default_language()) ) { echo stripText($data['translation_login_register']); } else {  _e('Login / Register','wp-emporium'); } ?></a></li>         
        <?php } ?>
        </ul>
  • My Logo is very high and is overlaping the Slideshow and inner Pages. What to do?

    To increase the space for a higher logo open style.css and edit following classes:

    1.   #headerwrap and increase the height so the logo fits (lets say from 120px to 200px).
    2. you now have to adjust some other classes also since header is fixed which means some containers below will not automaticlly position.
    3.  #slider-wrapper should be positioned lower for the same amount as you increased the height (lets say from 130px to 210px). Also add margin-bottom:100px; to the class.
    4.  .outerpagewrap should be positioned lower for the same amount as you increased the height (lets say from 120px to 200px). Also add margin-bottom:100px; to the class.

    Values above are just an example, they will probably be a bit different for your logo.

  • Demo Content

    Demo WP content DOWNLOAD.

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

  • How to get the theme to look like the 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 Musica WordPress Theme
    2. Install the Woocommerce plugin (with woocommerce pages)
    3. Import Demo WordPress demo content

    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 musica_demo.zip  which contains the XML file musica_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 from your computer and you are done.

  • What are the recommended image sizes for Musica

    Theme uses different image placeholders for different parts of the site. Please note that images can be bigger since Timthumb will take care of them so they fit within containers. Below is a short list of recommended sizes (used in the live preview).

    IOS Slideshow: 925px x 420px

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

    Nivo Slideshow: 940px x 380px

    Blog Posts: 580px x 280px

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

    Sponsors Images: 160px x 130 px

    Products Images: 800 x 800px (can be bigger or smaller just keep similar aspect ratio for best results).

  • How to Isolate a Product from other Products

    Let’s say you would like to make a product option for distributors and not for the regular customers. So visitors can only get to that product by a direct link. To achieve that, do the following:

    Under the Publish section on the product page there is a “Catalog Visibility” option. You can hide products from there.

  • How to remove TimThumb from Single Product Page

    To disable timthumb on the single product image do the following:

    1. Go to theme’s directory in the path mercor\woocommerce\single-product\product-image.php
    2. Open file product-image.php
    3. Go to lines 88 and 110 and check the lines that start with:
     <a href = “<?php echo $image[0] ? rel=”nofollow”>
    4. Move to the end of these lines where you will see:
         &w=460&h=335
    5. Delete this and timthumb will be removed.

  • How to completely remove responsive mode

    If you don’t wish to have responsive mode at all you can easily remove all the responsive features. For Iphones and Ipads it is enough to simply remove one line from header.php. Open header.php and remove the line:

     

    For other mobile devices you need to remove all the css that is used for media queries. Open style.css and go almost to the end of it where the following line is:

    @media screen and (min-width:0px) and (max-width:970px)

    Now delete everything that is beyond this line in style.css (including this line). The responsive part is now completely removed and your website will be seen in full on mobile devices.

  • 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.

  • My slideshow is not high enough (and is cutting small images like masks or coats or camera)

    For height of the slideshow to be properly calculated a main image (under image URL label) has to be added. If you wish to have a transparent background with small images over it (like masks in Emporium or coats on Mercor) you have to upload a transparent image to get the proper height. You can download this transparent image from the link below. Image is 1600px x 500px.

    http://emporium.premiumcoding.com/wp-content/uploads/2012/11/emptyHolder.png

    Simply save it to your computer and then upload it in the image tab of the slider as the main image.

    Second possibility of how to edit it is to edit style.css and set the minimum height of the slideshow. Open style.css and go to line around 3040 where class #slider-wrapper is. Change the parameter min-height:100px; to min-height:500px;

  • What to do if Log out button on top missing

    This means the logout button is not set in the WooCommerce Settings. So go to WooCommerce -> settings and click on 3rd tab called Pages. Now simply make sure the Append a logout link to menus containing “My Account” is checked. If it is not, check it and then save the settings.

    Now create a new page and call it for instance My Account. Now copy paste this shortcode in the page:

    [woocommerce_my_account]

    After that simply add this page to your menu, in the top menu if you want it in the upper part above the main menu.

  • How to change the size of Product Thumbnails

    Open style.css and go to line 814 where classes .homeRacent .productF .recentimage, .homeRacent .productR .recentimage are. Increase the height here to what you wish. I recomend leaving the width intact since this influences layout more.

    You will now see the holder is high enough but the image is cut. Timthumb value for height now needs to be adjusted. Go to includes/boxes/homerecentProduct and homerecentProductF and look for value:

    get_image_pmc(294,224,$post->ID);

    now adjust the height accordingly.

    This is for the home page. To adjust the shop  thumbs settings will have to be applied there also.

  • Items in Shopping Cart Disappearing at Check Out. What to do?

    Seems like this is most likely a setting on your hosting (PHP sessions aren’t set up correctly on your server ) that isn’t set up properly. Some other cause can be affecting this (like a conflict with another plugin). A lot of most probable causes are described in the post below.

    http://wordpress.org/support/topic/plugin-woocommerce-cart-brokennot-adding-products

    Woocommerce forums are also a good place to ask this question since this is a WooCommerce plugin related issue:

    http://www.woothemes.com/woocommerce/

     

  • How to select which Products are featured on the front Page?

    Besides checking this in home settings in admin you have to check this in product’s list also. You can choose for each product whether it will be featured or not. See the screen below for a better clarification:

    Click on an image for a larger preview.

  • How to remove the character limitation in short Description

    To remove the character limitation in short Description open /woocommerce/single-product/short-description.php and go to line 27.

    Replace :

    <?php echo substr(apply_filters( 'woocommerce_short_description', $post->post_excerpt ),0,230).' ...'; ?>

    with:

    <?php echo apply_filters( 'woocommerce_short_description', $post->post_excerpt ); ?>
  • 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 color certain words in Titles like Recent from our Portfolio

    Titles like Recent from our Portfolio color a certain word in theme’s color. To reproduce that you have to put that word within span tags. So to color the word Portfolio you would enter:

    Recent from our <span>portfolio</span>

  • 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.

  • How to make the header not stick to the top

    This only calls for a small change in style.css. Find the class #headerwrap and remove the line position: fixed;

    Then you will need to make some small changes to footer and slider wrapper (remove top position from this class).

  • What to do if images appear broken

    This is in most cases a TimThumb issue. Check if your js/cache folder of the Theme is set to 777 permissions. If they are set properly please do a check if your GD library is installed and enabled. If you are not sure how to check that contact your hosting provider if you have GD library enabled.

    If anyone is using the Better WP Security plugin, under Server Tweaks, for TimThumb to work properly you must leave ‘Filter Suspicious Query Strings’ unchecked.

  • Add more Items in Portfolio Template

    open /admin/theme-options.php and search for line :

    $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", "100","9999");

    Now you can have 9999 items.

  • Full width slideshow doesn’t show text captions

    If you have only one slide in the slideshow add another one. This will solve the problem of captions not appearing.

  • 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


Radial Wordpress Theme

  • Theme’s settings are not saving. What to do?

    This is most probably a permissions issue. Go to your theme’s directory and set CSS directory’s permission to 755. Then go inside the folder and set permissions of all php files to 755.

  • Images in Slideshow seems stretched, what to do?

    If your images are not very wide (over 1600px), they might be stretched on some resolutions. To remove the full width and center the image change following lines in stye.css:

    1.  at line 1901 where class .slider-item IMG is remove the width:100%;

    2. at line 1898 where class #slider-wrapper is, add text-align:center;

  • Demo Content

    You can download the demo content here.

  • 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 Randomise Order of Portfolio Items

    open portfolio2.php or portfolio3.php or portfolio4.php (which you are using) and find:

    query_posts("showposts=$showposts&post_type=portfolioentry&paged=$paged");

    replace with:

    query_posts("showposts=$showposts&post_type=portfolioentry&paged=$paged&orderby=rand");

    This should do the trick.

  • My Menu seems to be missing. What do I do?

    If you are not seeing the main menu on your website this usually means you need to add it first. On your Dashboard go to Appearance -> Menus and you will notice a holder titled Theme Locations. You will see that Theme supports 2 menus and you can set the upper main menu and footer menu from a dropdown list. Simply save the settings and menu will be added to your Theme.

  • 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.

  • What to do if images appear broken

    This is in most cases a TimThumb issue. Check if your js/cache folder of the Theme is set to 777 permissions. If they are set properly please do a check if your GD library is installed and enabled. If you are not sure how to check that contact your hosting provider if you have GD library enabled.

    If anyone is using the Better WP Security plugin, under Server Tweaks, for TimThumb to work properly you must leave ‘Filter Suspicious Query Strings’ unchecked.

  • How to get the Theme to look like the live preview

    Hi,

    For home page follow these steps:

    1. First add a page (Pages / Add New) and choose the appropriate Template (Home with full Slider, Home with Nivo Slider or Home no Slider with Posts)
    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 Radial.zip and look for directory called demoContent which contains a XML file radial.xml.
    2.  Now go to Tools -> Import and select WordPress. You will be propmted to install a plugin.
    3. After the plugin is installed simply select the XML file from your computer and you are done.
  • Add more Items in Portfolio Template

    open /admin/theme-options.php and search for line :

    $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", "100","9999");

    Now you can have 9999 items.

  • Full width slideshow doesn’t show text captions

    If you have only one slide in the slideshow add another one. This will solve the problem of captions not appearing.

  • How to create direct link to portfolio item instead of lightbox?

    If you wish to replace the lightbox effect with direct link replace in portfolio2.php or portfolio3.php or portfolio4.php

    <a class="itemhover" href="<?php echo $full_image[0]; ?>" title="<?php the_title(); ?>"  rel="lightbox[gal]"><div class="itemhoverPortLower"></div></a>

    with

    <a class="itemhover" href="<?php the_permalink(); ?>"><div class="itemhoverPortLower"></div></a>
  • How to add the description below the main Headings

    Under Appearance -> Menus where you add the menu items you need to add the description also besides the Navigation Label. See the screen to get a visual presentation of where it needs to be entered. If you don’t see the description field you have to enable it first under Screen Options.

  • 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.

  • How to change the body Font

    Go to directory css and open file style_options.php. Look for paramater body (at line 95) and change the font family there.

  • 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.

  • Slideshow captions are not showing

    If you are not seeing text captions on Slideshow this is probably due to the fact you only have 1 image in the slideshow. Simply add another image and captions will start working properly.

  • How to add more featured boxes to the Front Page

    First go to directory include/boxes and open homebox.php. Basicly just copy the code to add another row of boxes. Do not forget to number the new boxes accordingly (like box4_image, box4_title, etc.).

    Now you need to add this to admin so you can add content to the boxes. Go to admin directory and open theme-options.php. Go to the line around 250 where you will see the settings for featured boxes. Copy everything from line 227 to 252 and paste it. Now just change number 3 to 4 and you will have settings for 4th box. Repeat that for box number 5 and 6.

    Only do this if you have basic PHP knowledge.

  • How to randomize the order of images in Slideshow

    Open file full_slider.php and add after line 18:

    var randomSlide = Math.floor(Math.random()*7);

    Where 7 is the amount of slides you have + 1.

    and add after line 20 :

    startPanel: randomSlide,

    With this change slideshow will start in random order.

  • 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

  • How to add excerpt to Video Posts

    Video posts are by default without excerpt. To add it you have to open category.php and after line 141 add this:

    <p class="content"><?php the_content_limit('300'); ?></p>
  • How to increase the header height (my logo is higher)

    To increase the header height (because your logo is higher) open style.css and go to line 108 where settigns for #headerwrap are. Set the height to a higher value (for instance 150px).

    You might want to also lower menu headings also after that. Go to line 121 where .menu-header is and set the top to like 76px (or any other value that you prefer).


Retyx Wordpress Theme

  • Can’t see theme admin panel.

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

  • My Menu seems to be missing. What do I do?

    If you are not seeing the main menu on your website this usually means you need to add it first. On your Dashboard go to Appearance -> Menus and you will notice a holder titled Theme Locations. You will see that Theme supports 2 menus and you can set the upper main menu and footer menu from a dropdown list. Simply save the settings and menu will be added to your Theme.

  • Changing Cufon Font

    Cufon font can be generated here:

    http://cufon.shoqolate.com/generate/

    Simply add the fonts and then choose which glyphs you need. When you create the font you will receive the js file of the font. Be sure to name it exactly like the font that is being used now (28DaysLater_400.font.js )

    Now simply copy that js file to the theme’s js directory (current font is 28DaysLater_400.font.js), you need to overwrite that font (that is why you have to use the same name). Now clear the browser cache and refresh (F5). This is a little trick to replace the current cufon font with a new one in as little time as possible.

  • 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.

  • What to do if images appear broken

    This is in most cases a TimThumb issue. Check if your js/cache folder of the Theme is set to 777 permissions. If they are set properly please do a check if your GD library is installed and enabled. If you are not sure how to check that contact your hosting provider if you have GD library enabled.

    If anyone is using the Better WP Security plugin, under Server Tweaks, for TimThumb to work properly you must leave ‘Filter Suspicious Query Strings’ unchecked.

  • Add more Items in Portfolio Template

    open /admin/theme-options.php and search for line :

    $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", "100","9999");

    Now you can have 9999 items.

  • 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.

  • How to change the body Font

    Go to directory css and open file style_options.php. Look for paramater body (at line 95) and change the font family there.

  • 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


Revenant Wordpress Theme

  • 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


Rock Palace Wordpress Theme

  • 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).

  • I get an error while creating a Child Theme. What to do?

    If you get an error saying the path or file is not found that is due to the way the Theme connects to it’s administator panel. To fix this you will have to change a snippet of code in functions.php. Open this file and find the following code:

    require_once (ADMIN_PATH . 'theme-options.php');     // Options panel settings and custom settings
    require_once (ADMIN_PATH . 'admin-interface.php');    // Admin Interfaces
    require_once (ADMIN_PATH . 'admin-functions.php');   // Theme actions based on options settings
    require_once (ADMIN_PATH . 'medialibrary-uploader.php'); // Media Library Uploader

    and replace it with:

    $admin =  get_template_directory() . '/admin/';

    require_once ($admin . 'theme-options.php');   // Options panel settings and custom settings
    require_once ($admin . 'admin-interface.php');  // Admin Interfaces
    require_once ($admin . 'admin-functions.php');  // Theme actions based on options settings
    require_once ($admin . 'medialibrary-uploader.php'); // Media Library Uploader

     

    Now you have to change how the stylesheets are embeded in the scripts.php. Open this file in includes/scripts.php and scroll to the end of the file. You will notice the following code that embeds the styles:

    wp_register_style('main', get_template_directory_uri() . '/style.css', 'style');
    wp_enqueue_style( 'main');
    wp_register_style('options', get_template_directory_uri() . '/css/options.css', 'style');
    wp_enqueue_style( 'options');

    replace it with:

    wp_register_style('main', get_stylesheet_uri(), 'style');
    wp_enqueue_style( 'main');
    wp_register_style('options', get_stylesheet_directory_uri() . '/css/options.css', 'style');
    wp_enqueue_style( 'options');

     

    Now please note that when creating a child theme in our Themes you have to copy the CSS directory also and not just style.css in the child theme directory. We use two style files, one is for general styling and the other picks the settings 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

  • Demo Content

    Demo WP content DOWNLOAD.

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

  • How to get the theme to look like the live preview (Rock Palace)

    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 Rock Palace WordPress Theme
    2. Import Demo WordPress demo content

    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 rockapalace_demo.zip  which contains the XML file rockpalace_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 from your computer and you are done.

  • What are the recommended image sizes for Rock Palace

    Theme uses different image placeholders for different parts of the site. Please note that images can be bigger since Timthumb will take care of them so they fit within containers. Below is a short list of recommended sizes (used in the live preview).

    IOS Slideshow: 925px x 420px

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

    Nivo Slideshow: 940px x 380px

    Blog Posts: 580px x 280px

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

    Sponsors Images: 160px x 130 px

  • 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.

  • My Logo is very high and is overlaping the Slideshow and inner Pages. What to do?

    To increase the space for a higher logo open style.css and edit following classes:

    1.   #headerwrap and increase the height so the logo fits (lets say from 120px to 200px).
    2. you now have to adjust some other classes also since header is fixed which means some containers below will not automaticlly position.
    3.  #slider-wrapper should be positioned lower for the same amount as you increased the height (lets say from 130px to 210px). Also add margin-bottom:100px; to the class.
    4.  .outerpagewrap should be positioned lower for the same amount as you increased the height (lets say from 120px to 200px). Also add margin-bottom:100px; to the class.

    Values above are just an example, they will probably be a bit different for your logo.

  • How to completely remove responsive mode

    If you don’t wish to have responsive mode at all you can easily remove all the responsive features. For Iphones and Ipads it is enough to simply remove one line from header.php. Open header.php and remove the line:

     

    For other mobile devices you need to remove all the css that is used for media queries. Open style.css and go almost to the end of it where the following line is:

    @media screen and (min-width:0px) and (max-width:970px)

    Now delete everything that is beyond this line in style.css (including this line). The responsive part is now completely removed and your website will be seen in full on mobile devices.

  • 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.

  • My slideshow is not high enough (and is cutting small images like masks or coats or camera)

    For height of the slideshow to be properly calculated a main image (under image URL label) has to be added. If you wish to have a transparent background with small images over it (like masks in Emporium or coats on Mercor) you have to upload a transparent image to get the proper height. You can download this transparent image from the link below. Image is 1600px x 500px.

    http://emporium.premiumcoding.com/wp-content/uploads/2012/11/emptyHolder.png

    Simply save it to your computer and then upload it in the image tab of the slider as the main image.

    Second possibility of how to edit it is to edit style.css and set the minimum height of the slideshow. Open style.css and go to line around 3040 where class #slider-wrapper is. Change the parameter min-height:100px; to min-height:500px;

  • 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.

  • How to make the header not stick to the top

    This only calls for a small change in style.css. Find the class #headerwrap and remove the line position: fixed;

    Then you will need to make some small changes to footer and slider wrapper (remove top position from this class).

  • Add more Items in Portfolio Template

    open /admin/theme-options.php and search for line :

    $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", "100","9999");

    Now you can have 9999 items.

  • Full width slideshow doesn’t show text captions

    If you have only one slide in the slideshow add another one. This will solve the problem of captions not appearing.

  • 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


Studio 9 Wordpress Theme

  • I get an error while creating a Child Theme. What to do?

    If you get an error saying the path or file is not found that is due to the way the Theme connects to it’s administator panel. To fix this you will have to change a snippet of code in functions.php. Open this file and find the following code:

    require_once (ADMIN_PATH . 'theme-options.php');     // Options panel settings and custom settings
    require_once (ADMIN_PATH . 'admin-interface.php');    // Admin Interfaces
    require_once (ADMIN_PATH . 'admin-functions.php');   // Theme actions based on options settings
    require_once (ADMIN_PATH . 'medialibrary-uploader.php'); // Media Library Uploader

    and replace it with:

    $admin =  get_template_directory() . '/admin/';

    require_once ($admin . 'theme-options.php');   // Options panel settings and custom settings
    require_once ($admin . 'admin-interface.php');  // Admin Interfaces
    require_once ($admin . 'admin-functions.php');  // Theme actions based on options settings
    require_once ($admin . 'medialibrary-uploader.php'); // Media Library Uploader

     

    Now you have to change how the stylesheets are embeded in the scripts.php. Open this file in includes/scripts.php and scroll to the end of the file. You will notice the following code that embeds the styles:

    wp_register_style('main', get_template_directory_uri() . '/style.css', 'style');
    wp_enqueue_style( 'main');
    wp_register_style('options', get_template_directory_uri() . '/css/options.css', 'style');
    wp_enqueue_style( 'options');

    replace it with:

    wp_register_style('main', get_stylesheet_uri(), 'style');
    wp_enqueue_style( 'main');
    wp_register_style('options', get_stylesheet_directory_uri() . '/css/options.css', 'style');
    wp_enqueue_style( 'options');

     

    Now please note that when creating a child theme in our Themes you have to copy the CSS directory also and not just style.css in the child theme directory. We use two style files, one is for general styling and the other picks the settings 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

  • Demo Content (Agency)

    Demo WP content DOWNLOAD.

  • How to get the theme to look like the live preview (Agency)

    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 agency-demo-content.zip  which contains the XML file agency-demo-content.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 from your computer and you are done.

  • 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 completely remove responsive mode

    If you don’t wish to have responsive mode at all you can easily remove all the responsive features. For Iphones and Ipads it is enough to simply remove one line from header.php. Open header.php and remove the line:

     

    For other mobile devices you need to remove all the css that is used for media queries. Open style.css and go almost to the end of it where the following line is:

    @media screen and (min-width:0px) and (max-width:970px)

    Now delete everything that is beyond this line in style.css (including this line). The responsive part is now completely removed and your website will be seen in full on mobile devices.

  • Theme’s settings are not saving. What to do?

    This is most probably a permissions issue. Go to your theme’s directory and set CSS directory’s permission to 755. Then go inside the folder and set permissions of all php files to 755.

  • 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.

  • My Menu seems to be missing. What do I do?

    If you are not seeing the main menu on your website this usually means you need to add it first. On your Dashboard go to Appearance -> Menus and you will notice a holder titled Theme Locations. You will see that Theme supports 2 menus and you can set the upper main menu and footer menu from a dropdown list. Simply save the settings and menu will be added to your Theme.

  • 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.

  • What to do if images appear broken

    This is in most cases a TimThumb issue. Check if your js/cache folder of the Theme is set to 777 permissions. If they are set properly please do a check if your GD library is installed and enabled. If you are not sure how to check that contact your hosting provider if you have GD library enabled.

    If anyone is using the Better WP Security plugin, under Server Tweaks, for TimThumb to work properly you must leave ‘Filter Suspicious Query Strings’ unchecked.

  • Add more Items in Portfolio Template

    open /admin/theme-options.php and search for line :

    $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", "100","9999");

    Now you can have 9999 items.

  • 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