Contents

1. How to Add a New Font to the Theme

2. Theme options are lost after the the child theme activation.

3. Google Maps not Working with UberMenu enabled

4. How I can change background color of puzzle boxes?

5. How to add a new Google font.

6. How to customize login page

7. How to Add/Remove Sticky Menu

8. How to Customize a Posts Page

9. How to change 'Send a flowers' button link

10. How to replace the icons under the slider.

11. How to Add a New Font to the Jacqueline Theme

12. How to Disable a 'Customize' gear on the left

13. Fatal error: Call to undefined function mb_strtolower() in..

14. How to Add a New Font to the Right Way Theme

15. CV Card

16. Bundled Plugins License & Activation Questions

17. How to add a link to copyright text

18. How to change the number of columns for Services.

19. How to Change the Default 'BBB' Banner on the right side of the page

20. Google map error "Oops! Something went wrong. This page didn't load Google Maps correctly.."

21. How to add the Google Map API in the HTML theme

22. How to change the number of columns for product thumbnails.

23. How to Change Menu Icons.

24. Calculated Fields Form

25. How to edit Services subtitle/icon.

26. How to Сhange Text in "Let's Stay Connected" section

27. White Screen after installing or updating the theme

28. How to enable user menu (Register, Login, Add to cart) on the page

29. How to Change the Number of Products on Shop page

30. How to change Services icons.

31. I have installed the theme, installed Demo pages, but the visual composer is just showing the loading icon and not letting me edit any of the demo pages.

32. How to Add an Extra social icon

33. How to manage Hot Spots on post images.

34. The default logo is not changed on homepage.

35. How to Work with the Contact form in Slider

36. How to enable Visual Composer on custom post types (team, services etc)

37. How to edit 4 Banners under Slider

38. How to Change Menu Icons

39. How to display responsive menu on bigger screens

40. Emailer error "Incorrect WP-nonce data! Operation canceled".

41. When I open the individual post, the date turns into JAN.01. How to solve?

42. How to Show All Images in Cobble Gallery on Mobiles

43. Hi I am using your theme along with WP Client and the two aren't working together. If you view the site without logging in and choose any of the default pages you get redirected to the login page

44. How to turn On reviews? I can’t see any criterias in review.

45. How I can translate your theme?

46. How I can add more Fontello icons?

47. How to Use the Popup Shortcode

48. How to translate 'quantity' on Product page.

49. ThemeREX Blogger Shortcode

50. The social icons in the footer look weird, stretched out and misaligned.

51. How to Manage Forms on 'Request a Quote' Page.

52. How to solve "Fatal error: Allowed memory size of xx bytes exhausted (tried to allocate xx bytes)".

53. How to Add a Google Font to the theme list.

54. How to change the order of categories next to slider.

55. How to Disable Sticky Menu

56. How to Customize Layouts

57. How to Add a New Font to the Theme

58. How to fix 'Missing Product Title' issue.

59. How to edit 'Make an appointment' button in Top Panel.

60. How to Replace the Demo Logo

61. How I can add some Google font?

62. Google map error "Oops! Something went wrong. This page didn't load Google Maps correctly.."

63. How to add more social icons to the footer.

64. How to Change the Number of Products on Shop page

65. How can I fix infinite loading when i add the slider on the homepage.

66. 500 Internal Server Error

67. How to increase Content Timeline post excerpt on Homepage.

68. I've tried uploading the theme - the installation fails because a style.css is missing.

69. How to Add New Fonts to the theme

70. How to Turn off Confirmation Email for Email Collector

71. How to set up Wordpress Social login plugin

72. How do I add a Google font to the collection that came with the theme?

73. How to Change Search Results Page style

74. Are You Sure You Want To Do This? - when I try to install the theme

75. How can I add new Google fonts?

76. I inadvertently clicked a star in one of my review’s User Ratings. Is there any way to remove it?

77. How to activate standard VC shortcodes (Single image)

78. How to change Read More button text

79. ThemeREX Services Shortcode

80. Theme Widget Areas

81. "This event has passed" issue on the Events Calendar pages.

82. How to translate the theme using .pot language file.

83. Frontend editor of Visual Composer does not work

84. Revolution slider Error: 'Slider with alias main/home not found'

85. How to Edit a Contact Form on a Homepage Slider

86. How to edit a background color of the mobile menu.

87. How to edit custom post slug (e.g."services").

1. How to Add a New Font to the Theme

Note: Before making any changes to your theme files, go to Appearance -> ThemeREX Addons, and enable the Debug Mode. Don't forget to turn it back off, once you're finished the customization.

 Your font settings are located in theme-options/theme.options.php.

 Open theme.options.php and find the Theme Fonts section. It contains an array with website elements and their corresponding font settings.

 

 

You can add both Google Fonts, as well as custom fonts in there.

 Adding a Google Font

 Decide which element you want to customize and replace the default font values with your own.

 Go to Google Fonts, select the font you're going to use, and locate the URL parameters and CSS values.

 

 1. In the 'family' key, specify the font name and category, e.g.:

 'family'=> '"Open Sans", sans-serif',

2. Add another key-value pair, specifying the URL parameter, e.g.:

 

'link' => 'Open+Sans:400,700,400italic'

3. Save the file.

 If you refresh your page, you can see your new font in action.

 

Adding a Custom Font

 When adding a custom font, instead of the URL parameter, you need to specify the path to your custom font using the 'css' key-value pair, e.g.:

 'h1' => array(

'family'=> '"Antonio", sans-serif',

'css'   => '/css/font-face/your-font-name/stylesheet.css'

),

 In the css/font-face/ directory, create a new folder and give it a name of your font.

 The folder has to contain a @font-face kit, which would load your custom font on a webpage. The easiest way to create it is by using a @font-face kit generator, such as Font Squirrel Generator (visit our tutorial to see how to use it).

 Important! Make sure that the name of your folder corresponds with the font-family value in the stylesheet.css.

 Now your custom typeface is successfully added into your theme.

2. Theme options are lost after the the child theme activation.

In case you activated the child theme after dummy data installation, some theme options will be lost (That was the requirement of the Themeforest team). In order to disable this behavior, please open wp-content / themes /your_theme_name /includes/theme.options.php file and look for the code like this:

// Clear all saved Theme Options on first theme run
        add_action('after_switch_theme', 'invetex_options_reset');

You need to comment the function:

// Clear all saved Theme Options on first theme run
        //add_action('after_switch_theme', 'invetex_options_reset');

Save the file and upload it to the server.

3. Google Maps not Working with UberMenu enabled

Google Maps may not load correctly when you have the UberMenu plugin activated.

In order to solve the issue, go to Appearance -> UberMenu -> General Settings (Assets) and uncheck the 'Load Google Maps API' box.

4. How I can change background color of puzzle boxes?

You can set background of the puzzle boxes in the settings of each category or post.

E.g. Posts -> Categories -> Some category -> Blog single page -> Puzzles-style: Post excerpt background -> Set color. 

5. How to add a new Google font.

The list of all Google Fonts available in the theme is in wp-content/themes/mariana-handmade/includes/lists.php file, starting from line 855:


So in order to add a new font, please duplicate this line, for example:

'Advent Pro' => array('family'=>'sans-serif'),


replacing 'Advent Pro' with the title of the font you would like to add. Then save the file.

6. How to customize login page

In order to change the logo image on the login page, please replace the following image: wp-content/themes/alliance/images/logo_login_form.png with your logo.

Text "You can log in...." is deleted in /wp-content/themes/alliance/css/custom-login-styles.css file on line 78:

body.login form:after { content: "You can login with: User / Pass";

7. How to Add/Remove Sticky Menu

Sticky menu is a feature that lets your header stick to the top of the page while scrolling.

In order to enable/disable the sticky header you need to:

  1. Determine which header layout you're currently using (in Customizer -> Header -> Header Style) and open it in Layouts -> All Layouts (learn more about Layouts here).
  2. Open the settings of the row containing the menu element.
  3. In the 'Custom Layouts' tab, find 'Fix this row' box. Check it if you want to enable the sticky menu, or turn it off if you want to disable it.
  4. Save the changes.

8. How to Customize a Posts Page


WordPress has been always known for its powerful blogging system. In our themes, we have expanded it even more to give you a larger control over your blog.

 There are two ways to set up and customize a blog page on your site, and here we'll cover both of them.

 

Setting Up the Posts Page in the Customizer

 Defining a Page as the 'Posts Page'

 The first thing we need to do is to define a page as the Posts Page in the admin dashboard.

 In order to do this: 

  1. Create a new page by going to Pages -> Add New, and save it.

  2. Go to Settings -> Reading and in the 'Front page displays' section, select your newly created page from the dropdown list:

 

 Customizing the Posts Page in the WordPress Customizer

 In order to customize your Posts Page, go to Appearance -> Customize -> Blog archive.

 The options you'll see there give you a detailed control over the appearance of your blog page. Here are a few of them: 

 This covers the first method of creating and customizing a blog page.

 It is suited for the default posts page on your site, however if you want to add another one, create it using the second method.

 

 

Creating a Posts Page via Blog Archive Template (Alternative Method)

 

There is another way of creating a Posts page.

 It's better suited for additional posts pages, which can be used to display a particular post type, post category, etc. Here's how you do it: 

  1. Create a new page by clicking Pages -> Add New.

  2. In the Page Attributes section on the right, select the 'Blog archive' template

  1. Save the page.

 Now if you open it in your browser, you'll see that it displays the list of posts, just as a blog page should do.

 Posts Page Settings in Theme Options

 The page created with a blog archive template can be additionally customized in Theme Options of the page.

 The Theme Options settings overwrite the Customizer values. This allows you to create a fully personalized Posts page, which would be different from the default Posts Page assigned in Settings -> Reading.

 In order to see available settings, open your blog page and click on the Content tab in the Theme Options section:

 

 

The settings would include: blog style, post type, post category, posts per page, post meta, pagination style, and post animation.

 The great thing about Theme Options is that you can decide which post type and post category you want to display on your page.

 

 Displaying Content Above and Below the List of Posts

 

On the Posts Page, you can output any content you need above and below the blog posts using Visual Composer.

 Note: the alternative way of adding content would be using the widget areas.

 By default, the content you add to the Posts Page is displayed at the top.

 However, you can place it below the main content area with the help of a text element that contains %%CONTENT%%.

 Note: This does not apply to the default Posts Page defined in Settings -> Reading.

 Here's how to do it: 

  1. Create a new page, and assign the Blog archive template to it.

  2. Switch to Backend Editor

  3. Add a new 'Text Block' element and enter the line %%CONTENT%% (in capital letters).

  4. Save the text element. Now it represents the blog posts archive.

  5. Now anything you place below/above this element will appear below/above your main content correspondingly.

 

 

9. How to change 'Send a flowers' button link

In order to change 'Send a flowers' button link, in wp-content/themes/beacon/templates/header/header-1.php file, line 85:

Please replace this piece of code: 


// Woocommerce button
                        $show_send_flowers=trim(beacon_get_custom_option('show_send_flowers'));
                        if (!empty($show_send_flowers) && function_exists('beacon_exists_woocommerce') && beacon_exists_woocommerce() && $link=get_permalink(wc_get_page_id('shop')) ) {
                            ?><div class="column-1_5 contact_field show_send_flowers">
                             <a class="sc_button" href="<?php echo esc_html($link); ?>"><?php echo force_balance_tags($show_send_flowers); ?></a>
                            </div><?php
                        }


with:



// Woocommerce button
                        $show_send_flowers=trim(beacon_get_custom_option('show_send_flowers'));
                        if (!empty($show_send_flowers) && function_exists('beacon_exists_woocommerce') && beacon_exists_woocommerce() && $link=get_permalink('21') ) {
                            ?><div class="column-1_5 contact_field show_send_flowers">
                             <a class="sc_button" href="<?php echo esc_html($link); ?>"><?php echo force_balance_tags($show_send_flowers); ?></a>
                            </div><?php
                        }

where 21 is a page ID the link should point to instead of the default Shop page.

10. How to replace the icons under the slider.

The following article shows how to replace fontello icons under the slider:

You can replace the icons in Appearance -> Theme options -> Header and Footer tab. Click on text button to see the icon classes you need to replace. The list of all available theme icon classes can be found at the following link http://lawoffice.themerex.net/wp-content/themes/lawoffice/css/fontello/demo.html


In order to add more icons to the list, feel free to check the following tutorial: 

11. How to Add a New Font to the Jacqueline Theme

Jacqueline includes a collection of Google Fonts, which you can find in Appearance -> Fonts and colors -> Fonts.

 

 

However the list of available fonts can be expanded by adding new ones. 

Adding a New Google Font

 If you want to add a new font from the Google Fonts library, open the core.lists.php file in the  wp-content/themes/jacqueline/fw/core/ directory.

 Find the jacqueline_get_list_fonts() function on line 1212.

 

 

You'll see an array of Google fonts. Duplicate one of the font entries and replace the name of the font with your own. The line would look like this:

 'Cabin Condensed' => array('family'=>'sans-serif'),

 If in doubt which name to pick, consult with the Google Fonts repository.

 After saving the file, go to the admin panel, navigate to Appearance -> Fonts & Colors, and choose the Fonts settings. Now your new font is available for all typography elements.

 

Adding a Custom Font

 When adding a font that is not included in the Google Fonts library, the steps would be different.

 Go to the wp-content/themes/jacqueline/css/font-face/ folder. That's where all of your custom fonts are located.

 Create a new folder and name it after your font. E.g. if your font name is 'Futura', the name of the folder should also be 'Futura'.

 If your font has multiple styles and weights, make sure to create a separate folder for each of them.

 Your new folder has to contain a @font-face kit, which would load your custom font on a webpage. The easiest way to create it is by using a font face kit generator, such as Font Squirrel Generator.

 

 

Upload your font file to the Font Squirrel Generator, and download the generated archive.

 Once you've got the archive, extract it into the newly created folder.

 Important! Make sure that the name of your folder corresponds with the font-family value in the stylesheet.css. E.g. if the name of your folder is 'Bebas Neue Bold', make sure that the stylesheet contains: font-family: 'Bebas Neue Bold';

 Now if you go to the Appearance -> Fonts & Colors, you'll see your new typeface available among the other fonts.

 

 

12. How to Disable a 'Customize' gear on the left

In order to disable Customize icon on the left, please go to Theme Options - Menus - Show right panel and select 'No'.

13. Fatal error: Call to undefined function mb_strtolower() in..

The error points to the PHP function you have missing at your server configuration. Please contact your hosting provider to enable mbstring PHP function on your server.

In case your hosting provider cannot enable it, please submit a support ticket at https://themerex.ticksy.com and provide us with your FTP details: FTP hostname, username and password.

14. How to Add a New Font to the Right Way Theme

Note: We recommend using child themes when making adjustments to the core theme files. If you decide to use a child theme, copy the edited files into the child theme folder, preserving the original folder structure.

 Right way includes a collection of Google Fonts, which you can find in Appearance -> Theme Options -> Typography.

 


However, the list of available fonts can be expanded by adding new ones.

 

Adding a New Google Font

 If you want to add a new font from the Google Fonts library, open the theme-lists.php file in the  wp-content/themes/politics/includes directory.

 Find the getThemeFontsList () function, and locate the list of available fonts.

You'll see an array of Google fonts. Duplicate one of the font entries and replace the name of the font with your own. The line would look like this:

 $list['Cabin Condensed'] = array('family'=>'sans-serif');

 If in doubt, which name to pick, consult with the Google Fonts repository.

 After saving the file, go to the admin panel, and navigate to Appearance -> Fonts & Colors -> Fonts. Now your new font is available for all typography elements.

 

Adding a Custom Font

 1. In the css/font-face/ directory, create a new folder and give it a name of your font.

 2. The folder has to contain a @font-face kit, which would load your custom font on a webpage.

 The easiest way to create it is by using a webfont kit generator, such as Font Squirrel Generator (visit our tutorial to see how to use it).

   Extract the generated archive into /css/font-face/your-font-name.

 Important! Make sure that the name of your folder corresponds with the font-family value in the stylesheet.css.

 3. The only thing left now is to register your font name in theme-lists.php file located in wp-content/themes/politics/includes directory.

 Open up theme-lists.php and find a line with 'getCustomFontsList'. Add the name of your font preceded by comma.

 

Congratulations! Now if you go to the Appearance -> Fonts & Colors, you'll see your new typeface available among the other fonts.

 

 

15. CV Card

CV Card is a feature that lets you integrate resume and portfolio functionality into your WordPress website.

You can find CV Card settings under Appearance -> ThemeREX Addons -> CV Card.

It consists of 6 main sections, which are About MeResumePortfolioTestimonialsCertificates, and Contacts.

Let's review each of them in detail.

About Me

In the About Me section you can showcase information about yourself.

You can find the About Me section settings under Appearance -> ThemeREX Addons -> CV Card.

There, you need to specify a page that should be used as content for the About Me section.

Resume

Resume is one of the most prominent sections in your CV Card. It allows you to display such information as skills, work experience, education, and services.

You can edit existing or add new resume items using the Resume custom post type.

Each Resume item has a type. It can be either SkillsWork experienceEducation or Services.

When you add a new Resume item, you need to choose the item type in the Item Options box.

Tip: If you don't see the Item Options box, make sure it's enabled in the Screen Options settings in the top right corner of your page.

You can find additional Resume settings in the Resume section under Appearance -> ThemeREX Addons -> CV Card.

There, you can manage the order of resume sections, number of posts to display, number of columns, and more.

Portfolio

In the Portfolio section you can showcase your works using the gallery layout.

Using the Portfolio custom post type, you can edit existing or add new portfolio items.

You can assign a category to each portfolio item, thus making it appear in a corresponding portfolio tab.

The Portfolio category is assigned via the Portfolio Categories box in the item's edit screen.

Additional settings for the Portfolio section can be adjusted in Appearance -> ThemeREX Addons -> CV Card.

Testimonials

Testimonials section is based off of testimonials custom post types.

The Testimonials settings can be found under the corresponding section in Appearance -> ThemeREX Addons -> CV Card.

Certificates

Similar to Testimonials, Certificates section displays certificate custom post types.

For detailed customization of the Certificates section, go to the Certificates settings in Appearance -> ThemeREX Addons -> CV Card.

Contacts

The Contacts section consists of a submission form and contact details, such as phone number, email, and physical address.

You can edit the contact information in Appearance -> ThemeREX Addons -> Contacts.

Additional Customization

Each section can be additionally customized by placing content above or below the original section content. In order to do this:

  1. Create a new page (Pages -> Add New), and enter the %%CV_CONTENT%% tag, which would represent the original section content. You can place any custom content above or below the tag, including Visual Composer shortcodes.
  2. Go to Appearance -> ThemeREX Addons -> CV Card, and select the newly created page in the settings of the corresponding section.
  3. Save changes, and refresh your site. Now your custom content should appear above/below the section content.

16. Bundled Plugins License & Activation Questions

When a premium plugin is bundled with the theme, you can use the plugin without any issues. Such plugins are fully functional even though you don't get a plugin purchase code for activation. 

 Since you purchased a bundled product, you do NOT have a license key for that plugin so you can’t enter anything in this field. Updates to the plugins are provided when the theme itself is updated and via tickets.

However, if you want automatic updates and support from the plugin developer you need to purchase it separately (this is 100% optional). 

17. How to add a link to copyright text

In order to add a link to copyright text, please find \wp-content\themes\mariana-handmade\footer.php file on your server, line 87 (or you may use Appearance -> Editor). Here is what you currently have:

<div class="copyright_text"><?php echo force_balance_tags(nl2br(mariana_handmade_get_theme_option('copyright'))); ?></div>

Once you add a link, e.g https://themeforest.net/ for copyright text All rights reserved, you will get the following code:

<div class="copyright_text"><a href="https://themeforest.net/" target="_blank">All rights reserved.</a></div>

This code helps you to implement a custom link for your copyright text which will be opened in a new tab. If you would like it to be opened in a current window, please remove target="_blank" from the code above. 

18. How to change the number of columns for Services.

If you want to decrease the amount of columns for Our services section from 4 to 3, for example, please open \wp-content\plugins\trx_addons\cpt\services\services.php file, line 169:

"columns" => 4,

Replace it with

"columns" => 3,


19. How to Change the Default 'BBB' Banner on the right side of the page

In order to remove/replace the 'BBB' banner on the right, please navigate to Theme Options - General - Fixed Banner image.

20. Google map error "Oops! Something went wrong. This page didn't load Google Maps correctly.."

Google maps has changed the standard plan policy on June 22, 2016 requiring the API key to make the map work: https://googlegeodevelopers.blogspot.com.au/2016/06/building-for-scale-updates-to-google.html This feature has been integrated into each theme update. So the steps below will help you to get rid of the error and make the map work on your website: 

1. Make sure you use the most recent theme version. Check the 'Change log' section on the theme description page to find out about the last version release.

2. Generate the Google Map API key following this link https://developers.google.com/maps/documentation/javascript/get-api-key?hl=en

4. Navigate to Theme Options - Service section in your admin, add the key into the Google Map API key field and click 'Save Options'. With that done, if the API key is generated properly, you will see the map working on the site.

21. How to add the Google Map API in the HTML theme

Google Maps have recently changed their policy and API key is now required to make the map work.

1. Generate the API key following this link https://developers.google.com/maps/documentation/javascript/get-api-key?hl=en

2. Open pages-contact-us.html file (the page containing the map) and replace this piece of code:

<script type="text/javascript" src="hhttp://maps.google.com/maps/api/js?sensor=false"></script>

with:

<script type="text/javascript" src="http://maps.google.com/maps/api/js?key=********************"></script>

where ******************** is your Google Map API key.

3. With that done, please save the file and you will see the map working on the site.

22. How to change the number of columns for product thumbnails.

Please open wp-content/themes/kingler-theme/plugins/plugin.woocommerce.php file via FTP and on line 560 please replace the number of columns in the following piece of code:

// Number columns for product thumbnails
if ( !function_exists( 'kingler_theme_woocommerce_product_thumbnails_columns' ) ) {
    //add_filter( 'woocommerce_product_thumbnails_columns', 'kingler_theme_woocommerce_product_thumbnails_columns' );
    function kingler_theme_woocommerce_product_thumbnails_columns($cols) {
        return 4;
    }

Replace 'return 4' with 'return 6', for example:

// Number columns for product thumbnails
if ( !function_exists( 'kingler_theme_woocommerce_product_thumbnails_columns' ) ) {
    //add_filter( 'woocommerce_product_thumbnails_columns', 'kingler_theme_woocommerce_product_thumbnails_columns' );
    function kingler_theme_woocommerce_product_thumbnails_columns($cols) {
        return 6;
    }

23. How to Change Menu Icons.

The icons are added in Appearance - Menus, using "CSS classes" field. Please make sure that this option is enabled in the top right corner of your page under "Screen Options".


You need to enter the css class for the icon, for example, "icon-7". All theme icon classes can be  checked at the following link:  http://alliance.themerex.net/wp-content/themes/alliance/css/fontello/demo.html 

You can add more icons to the list using Fontello font generator. Please enter http://fontello.com/ in your browser and upload custom SVG file, here is the path - alliance/css/fontello/font/fontello.svg . After you add new icons to the list, download the font in the top right corner and upload the extracted folder to wp-content/themes/alliance/css directory to overwrite the existing one:


24. Calculated Fields Form

Calculated Fields Form plugin is included in the theme package. If you see the following shortcode [CP_CALCULATED_FIELDS id=”6″]  on Calculator page that means that Calculated Fields Form plugin has not been installed. 

Please, go to Admin panel - Add New - Search for plugin Calculated Fields Form - Install and Activate it. 

Then you will see the plugin section under Settings or as a separate  dashboard menu:


You can find several shortcodes with different settings. You can change any of them or add new. Just copy shortcode you want and go to Pages-> All Pages -> Calculator.

Find the current form shortcode in Visual Composer and replace it with the code you copied.  Finally, go to Calculator page and you will see all the necessary fields.



25. How to edit Services subtitle/icon.

In order to edit subtitles for Services, please navigate to admin -> Services and edit each service post. You need to open Item options ->Blog and Single tab->Single->Services item Subtitle.


26. How to Сhange Text in "Let's Stay Connected" section

Please, open Home page for editing and scroll down to see its Post Options -> Footer -> Additional Text and change the text there:


27. White Screen after installing or updating the theme

If you upload the theme and then activate it but see nothing but a white screen, please read the following information. This is more common than you might think, and it can be frustrating to sort out. First, it is important to understand what the white screen, often referred to as the “white screen of death,” actually means. Simply put, there is an error that you can’t see. The reason you can’t see it is because, WordPress is not displaying the error that is causing the problem. When attempting to diagnose a white screen condition consider what you did before the condition occurred:

There are several causes for this condition. We will be addressing the ones most likely to occur — Plugins, Theme, and Other Causes.

1. Plugins - No matter how hard developers try, it is impossible to write plugins that will work and play well together with every theme. The same is true in reverse. If you experience the white screen after activating the theme, the problem could be a plugin that is in conflict with the theme. Try the following:

2. Theme – The most likely issue associated with a theme being the cause of a white screen condition is when the upload of the theme did not complete the transfer of all files, the transfer resulted in corrupted theme files, or you have PHP configuration memory limits set too low. Try this:

3. Other Causes I am providing a list of possible other causes for the white screen condition here because they too can cause this error:

4. Tips:

28. How to enable user menu (Register, Login, Add to cart) on the page

Please navigate to Theme Options -> Header and select Top menu style "Regular Ecommerce".

29. How to Change the Number of Products on Shop page

You can change the number of products per page in Theme Options. Switch yo Blog Woocommerce Options in the top dropdown.

Then open Blog & Single -> Stream page. Blog posts per page should be changed.

30. How to change Services icons.

You can change the icon for each Service post in admin -> Services, open single Post options and switch to Blog and single -> Single page. Please check the screenshot: 

Fontello source files are located in theme_name/css/fontello folder.  You can see the list of all icons opening theme_name/css/fontello/demo.html file in the browser.

31. I have installed the theme, installed Demo pages, but the visual composer is just showing the loading icon and not letting me edit any of the demo pages.

The thing is that these pages (on the demo) have been created without using Visual Composer. They do not contain VC markup, only our own shortcuts.

You need to create new pages using Visual Composer - front-end editor will work correctly.

32. How to Add an Extra social icon

If you would like to implement an additional social icon to your website, please do the followings:

  1.  Open \wp-content\plugins\trx_addons\includes\ plugin.options.php in any text editor.
  2. Add this code on line 318 (e.g. for Linkedin icon):
'socials_linkedin' => array(                "title" => esc_html__('Linkedin', 'trx_addons'),                "desc" => wp_kses_data( __("Link to your profile in the Linkedin", 'trx_addons') ),                "class" => "trx_addons_column-1_3",                "std" => "",                "type" => "text"            ),

So your code file will look like this:   

3. Add this piece of code on line 373:

'share_linkedin' => array(                "title" => esc_html__('Linkedin', 'trx_addons'),                "desc" => wp_kses_data( __("URL to share your posts in the Linkedin", 'trx_addons') ),                "class" => "trx_addons_column-1_3",                "std" => trx_addons_get_share_url('linkedin'),                "type" => "text"            ),

Once you make these changes, the file should be the following: https://prnt.sc/fhjitj  

You may see the full list of the default icons in /wp-content/plugins/trx_addons/css/font-icons/demo.html file on your server.

4. Save the changes and open your WordPress admin panel, Appearance>ThemeRex Addons >Socials section.  

5. Copy and paste the link to your Linkedin profile and click on Save Options button.

Done! You have added an extra social source to your website which will be available on the top panel and footer. 

Be free to make the same edits to use some other social networks on your website. 

33. How to manage Hot Spots on post images.

This article shows how to manage hot spots on post images:


Please navigate to Posts in your Wordpress dashboard, select the post, unfold 'Hot Spots' section on the right:


You need to specify the hot spot's position (in %) and its title. 

You can also add a price or URL with a link into the Title field: 

<a ref="https://www.sample.com"target="_blank">sample.com</a>

34. The default logo is not changed on homepage.

In case after replacing the default logo in Theme Options - Logo section in your admin, you are still able to see it on your homepage, please navigate to Pages - Homepage - Theme Options - Logo section and replace the logo there as well.

35. How to Work with the Contact form in Slider

The form is created as one of the Revolution Slider layers. Please go to Revolution Slider, open rev-law slider -> Global Layers and you will see the following code for the form:

To set the email address the form is sent to, please go to Theme Options - Contact Info - Contact Form Email in your admin.

To translate the form fields, please edit the .po file located in wp-content/themes/lawoffice/languages directory using Poedit sftware. Please check this article to learn more how to work with .po files: https://themerex.ticksy.com/article/2369

36. How to enable Visual Composer on custom post types (team, services etc)

In order to enable Visual Composer on custom post type pages, please navigate to Visual Composer -> Role Manager menu and select "Custom" post types as shown on the screenshot:

37. How to edit 4 Banners under Slider

In order to edit 4 under-slider banners, please go to Theme Options - Header - User's header content:


38. How to Change Menu Icons

In order to change menu icons, please navigate to Appearance ->Menus -> Main menu.

Click on Screen options section in the top right corner to make sure that CSS classes property is enabled:

Then you will be able to replace the icon css class for each menu item:

The list of available theme icons can be checked opening micro-office\css\fontello\demo.html  file or following this demo link: http://microoffice.themerex.net/wp-content/themes/micro-office/css/fontello/demo.html

In case you want to add new icons to the theme fontello list, please follow this video tutorial:


39. How to display responsive menu on bigger screens

In order to display the mobile burger menu instead of the top menu on desktop version, please go to Theme Options -> Header -> Main menu responsive and set the width (usually 1024) starting from which the desktop menu should be replaced with responsive one . Then Save Options.



40. Emailer error "Incorrect WP-nonce data! Operation canceled".

In case you get the following error using Emailer tool "Incorrect WP-nonce data! Operation canceled", please open theme_name/fw/tools/emailer/emaler.php  file and replace the code on line 112 with the following line:

 if ( !wp_verify_nonce( grace_church_get_value_gp('nonce'), admin_url('admin-ajax.php') ) ) {


41. When I open the individual post, the date turns into JAN.01. How to solve?

Local settings of your server is not English, in this case we need to get the date in a different format, without the names of the months.

So, it needs to change line 66 in the single.php:

set

$post_date = get_the_date('Y-m-d H:i:s');

http://screencast.com/t/NzvPBzxnJy

42. How to Show All Images in Cobble Gallery on Mobiles

On mobile version of the site only 3 images of the gallery are displayed.

Please, open _main.js file, find  line 718 and change 6 to the number you need to show all images. Here is the screenshot:


43. Hi I am using your theme along with WP Client and the two aren't working together. If you view the site without logging in and choose any of the default pages you get redirected to the login page

Please turn off settings for displaying related posts on pages, which are not secured by WP-Client.

Some page->Edit->Page Options (postbox)->Blog->Single Page->Show related posts-> NO

44. How to turn On reviews? I can’t see any criterias in review.

First of all you need to add Reviews criterias in Apperance -> Theme options -> Reviews

Screenshot: http://goo.gl/SMok21

Also, if you expect to use different criteria for each category, you can specify different criteria in the properties of each category.

Post -> Categories -> Some category > Reviews

Screenshot: http://goo.gl/xWvnW51

45. How I can translate your theme?

You need to translate the ...\languages\default.po file. To translate it into your language, you should:

1. Copy default.po file to your desktop for editing.

2. Open the .po file using a program like PoEdit http://www.poedit.net/. Click on the text to edit and enter your translation at the bottom box.

3. Next, you have to save your .po file using the naming convention based on the language code (e.g. pt for Portuguese) followed by the country code (e.g. _BR for Brazil)

To break it down; the first lower-case letters define the language, whereas the second upper-case letter define the country. In many cases the language and country will be the same, like “de_DE” for Germany, but what about languages like English or Portuguese, that are spoken in several countries natively? In these cases there will be a difference in the first and second letter pairs; for the UK, the code would be en_GB, whereas for the USA it will be en_US. If you’re not familiar with the codes for your native language and country you can head over to the GNU website, where they have all the codes for Language and Country. Remember, if you use the wrong naming convention WordPress won’t be able to use your translation, so double-check if necessary.

So, the Brazilian Portuguese file would be called pt_BR.po. When saing your .po it will automatically create a new .mo file for you, with the same naming convention ( so using the example above, the file would be called pt_BR.mo

4. Upload the .po and .mo files you just created to your /languages folder so they are in the same directory as the default.po and default.mo

Optional step ( actual for WordPress version < 4.0 ):

5. The last step is to tell WordPress what language to show. Open your wp-config.php file in a text editor and search for: define('WPLANG', '');

Edit this line according to the .mo file you've just downloaded, e.g. for the Portuguese spoken in Brazil you must add: define define('WPLANG', 'pt_BR');

46. How I can add more Fontello icons?

We use Fontello icon font generator, because you can customize icons on the http://www.fontello.com/. Just import to the website config.json from the ../includes/fontello/, customize icons and download new webfont.

Note. Do not delete icons what are included to your webfont.

Screenshot: http://screencast.com/t/U8dY8aye4u

About Fontello: http://www.wildli.com/blog/how-to-build-upon-past-fontello-icon-sets/

47. How to Use the Popup Shortcode

The popup shortcode is a custom shortcode for Visual Composer that lets you create popup notifications, which appear whenever a user clicks a link or a button.

The shortcode can be found under the ThemeREX tab among the other Visual Composer shortcodes.

Here's how to use the popup shortcode:

  1. Enter the popup ID in the 'ID & Class' section.
  2. Add content into the popup container, which should be used inside the popup window:Tip: Use the 'Content area' shortcode to enclose the contents of a popup.
  3. Use the popup ID preceded by a pound sign (e.g. #popup1) as a URL of the button/link that should trigger the popup.

48. How to translate 'quantity' on Product page.

Please navigate to wp-content/themes/ester/css/woo-style.css file on the server using File manager, edit content: "Quantity" on line 395 in the following piece of code:

.woocommerce div.product form.cart div.quantity::before {
    color: #12252d;
    content: "Quantity";
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.6px;
    text-transform: uppercase;
} 

Then save the file.

49. ThemeREX Blogger Shortcode

ThemeREX Blogger is a custom shortcode for Visual Composer, which can output a blog post section anywhere on your site.

It's available under the ThemeREX tab, when adding a new visual composer element.

The shortcode can pull data from regular blog posts, as well as custom post types and pages. You can also narrow down the selection by specifying a post category, tag, or post ID.

In order to find an ID of a specific post or page, open it up in the admin panel, and in the URL address locate the part where it says "post=xx". The "xx" would be the number of your post.

E.g., on the image above, the post ID is 3131.


50. The social icons in the footer look weird, stretched out and misaligned.

This icons can not be used here. It is a sharing icons. Social icons must have dimensions 64*128 px and have 2 state inside.

Like this: http://screencast.com/t/aRmjgimW5x

51. How to Manage Forms on 'Request a Quote' Page.

The code for the fields is located in wp-content\themes\globallogistics\fw\shortcodes\shortcodes.php file :


If you need to add more fields or remove the existing fields, you can just either duplicate or delete the corresponding lines from that file, depending on your needs.

You can also translate the fields easily using Poedit software and .po file, located in wp-content/themes/globallogistics/languages directory via FTP. Please check this tutorial to learn how to work with .po files : https://themerex.ticksy.com/article/2369

52. How to solve "Fatal error: Allowed memory size of xx bytes exhausted (tried to allocate xx bytes)".

You can increase memory_limit on your server in several ways (back up any files you edit to be able to restore them):

1. Try adding this line to your wp-config.php file:

define('WP_MEMORY_LIMIT', '128M');

2. If you have access to your PHP.ini file, change the line in PHP.ini

If your line shows 32M, change it to 128M:

memory_limit = 128M ; Maximum amount of memory a script may consume (128MB)

3. If you don't have access to PHP.ini try adding this to an .htaccess file:

php_value memory_limit 128M

4. If all the methods mentioned above do not help, create a file called "php.ini" in the "wp-admin" folder of wordpress install.

Add the following text to the file;

memory_limit = 256M ;

5. Contact your hosting provider.

53. How to Add a Google Font to the theme list.

Navigate to wp-content/themes/theme_name/fw/core/core.lists.php file. You will see the list of all fonts available:

In order to add the new font, duplicate one of the default font strings, for example

'Advent Pro' => array('family'=>'sans-serif') ,

and replace the name of the font with the font you would like to apply. Save the file. 

With that done, go to Theme Options - Fonts and Colors and you will see this font in the selection list.



54. How to change the order of categories next to slider.

Please navigate to Appearance - Widgets, and open Woo-Categories widget. You will be able to select "Order By: Name" if you want the categories to display alphabetically or "Order By: Category Order" if you want them to display in the same order as in Categories section in admin.

55. How to Disable Sticky Menu

1) Go to ThemeREX Addons section.

2) Turn on Debug Mode


3) Go to the templates files \wp-content\themes\melanie-hanson\js and open _init.js file.
4) You need to find a line 538 and remove code :


// Fix/unfix top panel
if (!jQuery('body').hasClass('mobile_layout') && !jQuery('body').hasClass('menu_style_side') && !jQuery('body').hasClass('header_position_under')) {
var slider_height = 0;
if (scroll_offset <= slider_height + MELANIE_HANSON_STORAGE['top_panel_height']) {
if (jQuery('body').hasClass('top_panel_fixed')) {
jQuery('body').removeClass('top_panel_fixed');
jQuery('.top_panel_navi').removeClass('state_fixed');
}
} else if (scroll_offset > slider_height + MELANIE_HANSON_STORAGE['top_panel_height']) {
if (!jQuery('body').hasClass('top_panel_fixed') && jQuery(document).height() > jQuery(window).height()*1.5) {
jQuery('.top_panel_fixed_wrap').height(MELANIE_HANSON_STORAGE['top_panel_height']);
jQuery('.top_panel_navi').css('marginTop', '-150px').animate({'marginTop': 0}, 500);
jQuery('.top_panel_navi').addClass('state_fixed');
jQuery('body').addClass('top_panel_fixed');
}
}
}


5) Save and reload website to check.

56. How to Customize Layouts

Layouts is a tool for creating and customizing headersfooters, and other parts of your website. It is based on the Visual Composer page builder.

 Although it's not the single usage of Layouts, you can think of them as Visual Composer for headers and footers.

 Traditionally, Visual Composer has been enabling you to customize pages, however the header and footer sections remained untouched.

 Now you have a full freedom over your header and footer, and can even expand your website with additional elements.

 In this article, we'll cover the details on how to use Layouts.

 

 How to See Which Layout Is Enabled Right Now

 If you want to know which Layout you're currently using, go to Appearance -> Customize, select Header (or Footer, depending on which one you want to explore) and view the Header style option.

 

 This is the list of available Header Layouts (i.e. headers). If you want to select a different header, that's where you need to do it.

 You can also set a specific Layout for a dedicated page. Go to Pages -> All Pages, select the page you want to customize, and in the Theme Options section at the bottom choose the necessary Header style or Footer style.

 

 

Note: For your home page, you can specify the necessary layout right in the Customizer in Homepage -> Header style.

 Exploring Layouts

Layouts are not limited to headers and footers only and can be used to add different kinds of elements to your site.

 Where Are the Actual Layouts Located?

 In order to view the available Layouts, go to Layouts -> All Layouts.

 You can see that sometimes beside headers and footers, there are additional Layouts, such as Galleries, Actions, Events, etc. Each theme has a different collection of Layouts.

 

 

If you open any of them, you'll see the familiar Visual Composer editor, which means you can customize them the same way you've been customizing your pages.

 

 Going Beyond Headers & Footers: Layout Shortcodes

 In its essence, a Layout is a Visual Composer's row.

 With that in mind, you can place them in any location on your page.

 In order to add a ready-made Layout as a Visual Composer row, you need to:

 

  1. Add a new Visual Composer element, click on the ThemeREX tab, and select Layouts.

  2. Choose your Layout from the dropdown list. This is the same list of Layouts you've seen in Layouts -> All Layouts in your admin dashboard.

 

 Creating Your Own Layout

 You can build Layouts using existing Visual Composer elements, however there are also custom elements for building layouts.

 In order to access them, click Layouts -> Add New, open the Backend editor and add a new Visual Composer element. In the ThemeREX tab, you'll see the available Layout shortcodes.

 

 

They include LogoSearch formShopping cartMenu, etc., and would come in handy when building Layouts for headers and footers.

 

 Useful Layout Settings

 There's a number of things you can do to a Layout.

 For example, you can hide it on mobile phones or tablets, or choose to disable it on a front page.

 You can also make your header stick to the top, by fixing the element's row.

 In order to change its settings:

 

  1. Click on the row settings of a container element

  2. Go to Custom Layouts and check the necessary boxes:

 

 Layout Templates

If you need to create a new Layout, but don't want to create it from scratch, you can use a library of Layout templates to get you started.

 

Creating Layouts from Templates

 

In order to create a new Layout from a template:

 

  1. Click Layouts -> Add New

  2. Choose Backend Editor

  3. Click the Templates icon

  4. Select a template from the list

 

 

Saving Current Layout as a Template

 

You can also save the current Layout and use it later as a template. In order to do this:

 

  1. Click the Templates icon

  2. Enter the name of your template and click 'Save template'

  3. Now you can find it in the templates list

 

 

 

57. How to Add a New Font to the Theme

The theme includes a collection of Google Fonts, which you can find in Appearance -> Fonts and colors -> Fonts.

 

 

However the list of available fonts can be expanded by adding new ones.

 

Adding a New Google Font

 If you want to add a new font from the Google Fonts library, open the core.lists.php file in the  wp-content/themes/your_theme/fw/core/ directory.

 Find the your_theme_get_list_fonts() function on line 1212 (where "your_theme" is the theme name).

 

 

You'll see an array of Google fonts. Duplicate one of the font entries and replace the name of the font with your own. The line would look like this:

 'Cabin Condensed' => array('family'=>'sans-serif'),

 If in doubt which name to pick, consult with the Google Fonts repository.

 After saving the file, go to the admin panel, navigate to Appearance -> Fonts & Colors, and choose the Fonts settings. Now your new font is available for all typography elements.

 

Adding a Custom Font

 When adding a font that is not included in the Google Fonts library, the steps would be different.

 Go to the wp-content/themes/your_theme/css/font-face/ folder. That's where all of your custom fonts are located.

 Create a new folder and name it after your font. E.g. if your font name is 'Futura', the name of the folder should also be 'Futura'.

 If your font has multiple styles and weights, make sure to create a separate folder for each of them.

 Your new folder has to contain a @font-face kit, which would load your custom font on a webpage. The easiest way to create it is by using a font face kit generator, such as Font Squirrel Generator.

 

 Upload your font file to the Font Squirrel Generator, and download the generated archive.

 Once you've got the archive, extract it into the newly created folder.

 Important! Make sure that the name of your folder corresponds with the font-family value in the stylesheet.css. E.g. if the name of your folder is 'Bebas Neue Bold', make sure that the stylesheet contains: font-family: 'Bebas Neue Bold';

 Now if you go to the Appearance -> Fonts & Colors, you'll see your new typeface available among the other fonts.

 

 

58. How to fix 'Missing Product Title' issue.

Please go to Theme options. In the drop down menu under 'Global Options' please select 'Single Woocommerce Options' -> Blog&Single ->Single Page -> Show Posts Title -> select 'Yes'.


59. How to edit 'Make an appointment' button in Top Panel.

Navigate to 'Appearance' - 'Menus' in your Wordpress dashboard, in 'Select a Menu to Edit' field please select 'User Menu', you will see 'Make an appointment' button to edit.

60. How to Replace the Demo Logo

The logo can be easily edited in the header layout used on a page. In order to change it, please navigate to Layouts section in your admin panel and edit the layout selected for the page header. E.g., Header Home layout:

Click on a |pencil" button on the logo layout to replace the default image with your own one 


Save the changes and check the result.

61. How I can add some Google font?

You can add any Google font here: ../fw/core/core.lists.php, lines 1232-1302 (section: Return Google fonts list).

E.g. add new string like this: 

$list['Merriweather'] = array('family'=>'serif');

where Merriweather is name of the needed Google font.

LIke here: http://screencast.com/t/aIMZvp3Cc

62. Google map error "Oops! Something went wrong. This page didn't load Google Maps correctly.."

Google maps service has changed the standard plan policy on June 22, 2016 requiring the API key to make the map work: https://goo.gl/D9HE9U This feature has been integrated into each theme update. So the steps below will help you to get rid of the error and make the map work on your website:

1. Generate the Google Map API key following this link https://developers.google.com/maps/documentation/javascript/get-api-key?hl=en

Make sure you added http:// before the URL.

3. Navigate to Appearance -> ThemeRex Addons -> API section in your admin, add the key into the Google Map API key field and click 'Save Options'. 

With that done, if the API key is generated properly, you will see the map working on the site.

63. How to add more social icons to the footer.

In order to add more social icons to the footer, please open theme-options.php file in File manager located in wp-content/themes/streetstyle-blog/theme-options directory. Then add this piece of code to lines 108-110:

array( 'icon' => 'icon-instagramm',    'url' => ''),
        array( 'icon' => 'icon-pinterest-circled',    'url' => ''),
        array( 'icon' => 'icon-youtube',    'url' => '')

Replace the sample fontello icons in the code above with any other icons you prefer. You can locate the list of Fontello icons in wp-content/themes/streetstyle-blog/css/fontello-ok/demo.html file.


64. How to Change the Number of Products on Shop page

You can change the number of products per page in Theme Options. Switch yo Blog Woocommerce Options in the top dropdown.

Then open Blog & Single -> Stream page. Blog posts per page should be changed.

65. How can I fix infinite loading when i add the slider on the homepage.

To fix infinite loading of slider you need create and set the Main menu.

66. 500 Internal Server Error

If you just installed WordPress, a WordPress plugin, or a theme for your site and out of nowhere your site returns a 500 Internal Server Error, please read the information below.

If you have been surfing the web for any length of time you have probably encountered a 500 internal server error. These errors are not confined to WordPress. They are generic errors that report very little on what the actual cause is. First, don’t panic. Lot’s of people have been confronted with these errors, and they can be fixed. In fact, I fix them all the time.

There are five major reasons why these errors occur in WordPress:

1. Incorrect web server configuration – If your web server (whether it be Apache or IIS) is configured with incorrect directives, they can cause 500 errors to occur. The problem is that web hosting support will often blame the error on software you have installed without even checking to see what is contained in their error logs. Just know that after you have checked the following remaining causes, and they fail to resolve the issue, you will need to (sometimes forcefully) get your web host to help diagnose and fix the problem.

2. Incorrect file permissions – With very few exceptions, file permission for WordPress, plugins, and themes need to be set at 755 for folders, and 644 for files. You may think that setting permissions more loosely, like 777, will relieve the problem, but you would be wrong. Setting permissions either too strict or too loose often cause this and other errors.

3. Corrupt files or files that contain errors in code – – Usually improper/errors in file transfers to the web server cause corruption to occur. It may look like the file is sitting there just fine, but something in the process caused the file to be unusable by the server. For example, if you uploaded a text file in binary language instead of ascii it will render the file unreadable by the web server. Coding errors can also create this error, whether that be in WordPress, a plugin, or a theme.

By far the most common 500 error produced by a file is related to the WordPress .htaccess file. The .htaccess file is primarily designed to be used with custom permalink structures. But it is also used by some third party plugins, and for overriding certain server configuration directives if allowed. If it contains errors, it can return the dreaded 500 internal server error. The .htaccess file is located in the root folder of your WordPress installation (not the theme).

You should now be able to nagivate to www.yoursite.com or http://www.yoursite.com/wordpress (depending on whether WordPress is running your entire site or just a blog etc.) and all should be well once more.

4. PHP memory limits set too low, There two ways to solve this problem.

5. Conflicting Third Party Plugins Should Be Deactivated

Recommended PHP configuration limits are as follows:

You can verify your PHP configuration limits by installing a simple plugin found here. If you still cannot resolve the 500 error, talk with your web hosting support.

67. How to increase Content Timeline post excerpt on Homepage.

Please navigate to Content Timeline on the left of your Wordpress dashboard. Open any Content Timeline item and click the '+' mark.

Paste as much text as you need into the Item Options excerpt field.

If you need to increase the timeline container height after that, please add this piece of code to Theme Options - Custom CSS section in your admin:

#tl1 .item, #content #tl1 .item { height: 500px !important; }

68. I've tried uploading the theme - the installation fails because a style.css is missing.

A common issue that can occur with users new to installing WordPress themes is a "Broken theme and/or stylesheets missing error message being displayed when trying to upload or activate the theme. This error message does not mean that the theme you have purchased is broken, it simply means it has been uploaded incorrectly. Luckily, there is a very easy fix. Please follow the steps below to rectify this issue or watch the screencast.

  1. Download the final zip file from your downloads page.
  2. Unzip the final zip file; you should now have a final download folder.
  3. Do NOT upload the final download folder. Open up the final download folder.
  4. Browse the contents and find the actual theme folder. If you look inside the theme folder, you will see a style.css file. This is how you know you have found the theme folder.
  5. Using an FTP client, upload ONLY the theme folder to your wp-content/themes folder.
  6. Login to your WordPress admin panel and activate the theme.

    Optional: If you do not wish to manually upload the theme only folder to your themes folder, there is an option. You can zip up the theme folder (remember, ONLY the theme folder) and upload it via the WordPress themes admin panel by selecting add new and clicking upload. That's all there is to it, please be absolutely sure you are uploading only the theme folder when trying to install a WordPress theme.

69. How to Add New Fonts to the theme

The theme  enables you to use both Google Fonts and custom fonts in your design. In order to navigate to the font settings, go to Appearance -> Customize and select the Fonts Settings section at the bottom.

 

 

Your theme can load up to 3 different font families, including different styles and weights for each typeface.

How to Add a New Google Font

 In order to add a new font, go to the Load Fonts section.

 You'll find there the settings for each of the 3 font families available. Choose where you'd like to add a new font (Font 1, Font 2 or Font 3 sections), and fill out the font name, family and styles. If needed, make sure to double check the font details in the Google Fonts directory.

 

After filling out the details, click 'Save & Publish' and hit the F5 key to refresh the page.

 Now your font is available in your font settings. Navigate to the element you want to customize, and you'll be able to use the newly added typeface.

 E.g. if we go to the Heading 2 settings, we can select our new font in the dropdown list.

 

 

Make sure to save the changes and refresh your site.

  

Adding a Custom Font

 

When adding a font that is not included in the Google Fonts library, the process would involve an additional step of adding the font source files into the theme folder.

 Go to the wp-content/themes/free-church/css/font-face/ folder. That's where all of your custom fonts are located.

 Create a new folder and name it after your font. E.g. if your font name is 'Futura', the name of the folder should also be 'Futura'. Replace all the spaces in the folder name with dashes '-'.

 If your font has multiple styles and weights, make sure to create a separate folder for each of them.

 Your new folder has to contain a @font-face kit, which would load your custom font on a webpage. The easiest way to create it is by using a font face kit generator, such as Font Squirrel Generator.

  

 Upload your font file to the Font Squirrel Generator, and download the generated archive.

 Once you've got the archive, extract it into the newly created folder.

 Important! Make sure that the name of your folder corresponds with the font-family value in the stylesheet.css. Also, check that the spaces in the folder name are replaced with dashes '-'. E.g. if your stylesheet contains: font-family: 'Bebas Neue Bold', the name of your folder should be 'Bebas-Neue-Bold'.

 Now you need to do all the steps described in the first part of this article, which are as follows:

 Go to Appearance -> Customize -> Fonts Settings -> Load Fonts.

  1. Enter the font name, family and style.

  2. Save changes and hit the refresh button.

  3. In the Font Settings choose the element you want to customize. The new font is now available in the 'Font family' drop down list.

  4. Select the new font, save the changes, and refresh your page.

 Congratulations! If you visit your site now, you'll see your custom font in action.

 

 

70. How to Turn off Confirmation Email for Email Collector

Please follow these steps to disable email verification and edit notification message:

1. Delete lines 325-338 in alliance/fw/tools/emailer/emaler.php file:

$subj = sprintf(__('Site %s - Subscribe confirmation', 'themerex'), get_bloginfo('site_name'));
                $url = admin_url('admin-ajax.php');
                $link = $url . (themerex_strpos($url, '?')===false ? '?' : '') . 'action=emailer_confirm&nonce='.urlencode($subscribers[$group][$email]).'&email='.urlencode($email).'&group='.urlencode($group);
                $msg = sprintf(__("You or someone else added this e-mail address into our subcribtion list.\nPlease, confirm your wish to receive newsletters from our website by clicking on the link below:\n\n<a href=\"%s\">%s</a>\n\nIf you do not wiish to subscribe to our newsletters, simply ignore this message.", 'themerex'), $link, $link);
                add_filter( 'wp_mail_content_type', 'themerex_set_html_content_type' );
                $sender_name = get_bloginfo('name');
                $sender_email = themerex_get_theme_option('contact_email');
                if (empty($sender_email)) $sender_email = get_bloginfo('admin_email');
                $headers = 'From: ' . trim($sender_name).' <' . trim($sender_email) . '>' . "\r\n";
                $mail = themerex_get_theme_option('mail_function');
                if (!@$mail($email, $subj, nl2br($msg), $headers)) {
                    $response['error'] = __('Error send message!', 'themerex');
                }
                remove_filter( 'wp_mail_content_type', 'themerex_set_html_content_type' );

2. Replace line 323 in the same file with the following code:

$subscribers[$group][$email] = '';

3. The notification message can be edited in fw/core/core.messages.php file, line 113.

71. How to set up Wordpress Social login plugin

This article will guide you how to set up Wordpress Social login plugin with our theme. You can download the plugin here: wordpress.org/plugins/wordpress-social-login/

In order to make this plugin to work, you should replace the code of your social icons in your login.php file or page-part-login.php ( it can be another file) with this code :   

 To find the file you need to modify, follow these steps, please: 1. Look for this class name in theme files: 

2. Edit the code of the php file. Here is a screenshot:

3. Then follow plugin's recommendations. (You need to set up Application ID: and ApplicationSecret: for your social networks.)

72. How do I add a Google font to the collection that came with the theme?

You can add any Google font here: ../includes/theme-lists.php, lines 540-592(section: Return Google fonts list).

E.g. add new string like this: $list['Merriweather'] = array('family'=>'serif');

where Merriweather is name of the needed Google font.

73. How to Change Search Results Page style

Please go to Theme Options, and switch to Search Options in the top dropdown.  Then open Blog & Single ->   Stream page - Blog Style . You can choose the style meeting your needs there.

74. Are You Sure You Want To Do This? - when I try to install the theme

If you are installing your theme from the WordPress theme installer, but get a message that says "Are you sure you want to do this?" most likely your web server is configured with PHP settings that are too low to allow the theme ZIP file to upload. Specifically, PHP is configured to a maximum file upload size limit at 8 megabytes or less. The theme ZIP is about 14.5 megabytes in size. Thus, the web server is rejecting the upload. WordPress is giving you a rather ambiguous message in response. This is not a theme fault or bug.

There two ways to solve this problem.

You can verify your PHP configuration limits by installing a simple plugin called WordPress phpinfo().

Recommended PHP configuration limits are as follows:

75. How can I add new Google fonts?

You can add any Google font here: ../puzzles/functions.php, lines 668-717 (section: Return Google fonts list).

E.g. add new string like this: $list['Merriweather'] = array('family'=>'serif', 'link'=>'Merriweather:400,400italic,700,700italic');

where Merriweather is name of the needed Google font.

76. I inadvertently clicked a star in one of my review’s User Ratings. Is there any way to remove it?

You should switch on Custom Fields in the Screen options. And delete unwanted mark(s) in the custom field named reviews_marks2.

Video help: http://screencast.com/t/EvNI3e7oCV

77. How to activate standard VC shortcodes (Single image)

When you are using WPBakery Visual Composer plugin with our themes, some default VC shortcodes are removed and/or replaced by custom ones with the extended features.

Here is the example how to activate the standard VC shortcode.

To enable  Single Image shortcode, you need to open the following file in the File manager

\wp-content\themes\theme_name\shortcodes\shortcodes_vc.php and delete the following text on line 133:

 vc_remove_element("vc_single_image");

Then save the file and make sure it is uploaded to the server.

78. How to change Read More button text

In order to change the text for Read more button, please edit \wp-content\themes\healthy-farm\templates\post-layout-excerpt.php file, line 117:

$post_array['more'] .= '<div class="readMore 1">'.do_shortcode('[trx_button skin="dark" style="bg" size="medium" fullsize="no" link="'.$post_data['post_link'].'" text="'.__('Read more', 'themerex').'"]').'</div>';

79. ThemeREX Services Shortcode

ThemeREX Services is a custom shortcode for Visual Composer that lets you display a services block on your website.

You can find it under the ThemeREX tab when you add a new visual composer element.

Although the shortcode can pull data from both posts and pages, preferably it should be used with the Services custom post type.

In order to add a new service, click Services -> Add New in your WordPress dashboard.

If you want a service post to display correctly, besides the title and description, fill out the service Excerpt field, as well as add a post icon and a featured image.

If for some reason you don't see the Excerpt field, enable it in the Screen Options panel at the top right corner of your screen.



For more details on the shortcode features and options, view the demonstration video below:


80. Theme Widget Areas


Our themes support 7 widget areas where you can place your content, which includes:

Here's how they look like on a webpage:

How to Place a Widget into a Widget Location?

  1. Add a Widget into a Widget Area

Go to Appearance -> Widgets. Pick a widget you need, and drag it into one of the widget areas:

  1. Select Widgets in the WordPress Customizer

Go to Appearance -> Customize and open the General Settings panel if you want to select widgets for the whole website, or Blog for selecting widgets for the blog page.

  1. Select Widgets in Theme Options (Only for Separate Pages)

If you want to specify a widget set for a separate page, open that page in the admin panel and in the 'Theme Options' choose which widget set to show for which widget location.

Creating Additional Widget Areas

In some cases you may want to create an additional widget area to place your content. This is useful when you have different widget sets for different pages.

In order to do that, go to Appearance -> Widgets, enter the name and description for your new widget area, and click the 'Add' button.

Now it will appear among other widget areas on your site, and you can select it for every widget location in your theme.


81. "This event has passed" issue on the Events Calendar pages.

Please navigate to Events - > Settings -> Display -> Events Template  and select 'Default Events Template'.  Then save the Options.


82. How to translate the theme using .pot language file.

We recommend using Poedit software for translation-related purposes. To translate the theme to your language, please follow these steps:

  1. Download and install Poedit software. 
  2. Navigate to the themes/theme_name/languages/ folder and locate .pot file. Copy it to your desktop for editing. 
  3. Double click on the .pot file. In the Poedit window click on the "Create New Translation" button, choose the necessary language of the translation from the dropdown list and click "OK." 
  4. Now select the constant text string you need to translate from the "Source text - English" field and type in the necessary translation into the "Translation" field. You can translate as much as you want, just go through the file and click on each string in Poedit and add your translation. 
  5. Next, you have to save the changes to your .po file using the naming convention based on the language code (e.g. ptfor Portuguese) followed by the country code (for instance _BR for Brazil). To do that click on the "sheet" icon (you can also use hotkeys CMD+Shift+S in OS X or Win+S in Windows) and type in the name according to the screenshot below. The first lower-case letters define the language, whereas the second upper-case letter defines the country. In most cases, the language and country are the same, like “de_DE” for Germany. However, there is a difference for languages like English or Portuguese, which are spoken in several countries natively. In this case, the difference is in the first and second letter pairs; for the UK, the code would be en_GB, whereas the en_US stands for the USA. If you are not familiar with the codes for your native language and country, then visit the GNU website.  See Language Codes and Country Codes for the lists of codes. Please note, if you use the wrong naming convention WordPress can not process your translation. 
  6. When saving your .po file, Poedit automatically creates a new .mo file, with the same naming convention. According to the example above, the file would be called pt_BR.mo. 
  7. Upload the .po and .mo files you just created to the .../languages/ folder. Make sure these files are in the same directory as the default.pot one.
  8. OPTIONAL! Some themes are using Themerex Addons plugin, so most of the translation are done in language files of this plugin in this directory: wp-content\plugins\trx_addons\languages. There you will see trx_addons.pot file. Please, generate .po and .mo files according to your language, the file names should look like this: trx_addons-fr_FR.po and trx_addons-fr_FR.mo. 

  !Important Make sure that the language of your files is the same as in your Wordpress admin panel - Settings - General Settings.

83. Frontend editor of Visual Composer does not work

In case Frontend editor of Visual Composer does not work on certain pages, please switch to Classic mode (Text) when editing the page and add [vc_row] at the very beginning and  [/vc_row] at the very end.

This is the screenshot:


84. Revolution slider Error: 'Slider with alias main/home not found'

If you get  "Revolution slider Error: 'Slider with alias main/home not found' right after the installation, please go to Appearance -> Install Dummy Data, put a tick next to 'Import Revolution Sliders' and click 'Start Import'.


85. How to Edit a Contact Form on a Homepage Slider

The contact form located on a homepage slider can be easily customized in \wp-content\themes\quicksale\shortcodes \shortcodes.php file, lines 837-850:

: '<input placeholder="' . __('Name', 'themerex') . '" class="sc_contact_form_username" type="text" name="username">'
			. '<input placeholder="' . __('Email', 'themerex') . '" class="sc_contact_form_email" type="text" name="email">'
			. '<div class="message">'
			. '<textarea placeholder="' . __('Message', 'themerex') . '" class="sc_contact_form_message" name="message"></textarea>'
			. '</div>'
			. '<div class="date_time">'
			. '<div class="form_date">'
			. '<span class="icon"></span>'
			. '<input placeholder="' . __('Date', 'themerex') . '" class="sc_contact_form_date js__datepicker" type="text" name="date">'
			. '</div>'
			. '<div class="form_time">'
			. '<span class="icon"></span>'
			. '<input placeholder="' . __('Time', 'themerex') . '" class="sc_contact_form_time js__timepicker" type="text" name="time">'
			. '</div>'


86. How to edit a background color of the mobile menu.

This article will guide you how to change a background color of your responsive mobile menu.

You can replace background color in skin.css file. You can find this file using FTP or File manager in Hosting control panel. Here is the full path: wp-content / themes / p-xel / skins / default / skins.css, line 734.

This is  code that you need to edit:

.header_mobile .panel_top, .header_mobile .side_wrap {
    background-color: #f26642;
}

Replace background-color: #f26642; with the color code you need.

You will also need to make changes in this code (the same file - skin.css, line 722):

.header_mobile .search_wrap, .header_mobile .login {
    background-color: #f26642;
}

87. How to edit custom post slug (e.g."services").

In order to edit custom post slug, for example "services", 

please open  \wp-content\plugins\trx_utils\includes\support.services.php file and replace

 'rewrite'             => true
 

with

 
'rewrite => array('slug' => 'new_slug')

Save the changes and check the website.