Contents

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

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

3. Adding a new social icon

4. How to translate Estate theme

5. How to change the logo on the homepage.

6. Blogger Shortcode

7. How to Add a New Font

8. How to Add/Remove Sticky Menu

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

10. How to change property information in Revolution slider

11. How to change the number of products per page on the Shop page.

12. Language localization

13. How to Manage the Widget Areas

14. How to add Team member/team group pages and other post types to the menu.

15. Google Maps not Working with UberMenu enabled

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

17. ThemeREX Services Shortcode

18. How to manage Hot Spots on post images.

19. How to add a social media icon in PJ theme.

20. How to change Google map pin location

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

22. How to translate Organic Store theme.

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

24. Four color shemes in Best Deals theme

25. How to change orange background on cv card - porfolio when you hover on image

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

27. How to Manage Theme Fonts

28. How to remove contact info in footer

29. How to Personalize a Posts Page

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

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

32. How to manage property details in Best Deals theme.

33. How to translate "Home" in breadcrumbs

34. How to add description text to menu items.

35. Language files translation

36. How to set up Wordpress Social login plugin

37. How to change slider images in property post

38. Bundled Plugins License & Activation Questions

39. How to Add a New Font

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

41. FTP details are requested when installing the theme/plugin.

42. How to change Services icons.

43. My search for property does not work.

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

45. CV Card

46. How to Add a New Font

47. How to Change the Icons on Contacts page

48. How to change team images in your About us - Team Page

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

50. How to edit/translate "All posts" page title.

51. Enabling pinch to zoom on mobiles

52. How to add a new (custom) social icon

53. How to remove style switcher in Tavern Theme

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

55. How to Customize Layouts

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

57. How to add the slider of images to single Property page.

58. How to set up Google Maps without API key

59. How to change the link for Appointment buttons.

60. How to Manage Theme Fonts.

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

2. "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.


3. Adding a new social icon

In order to add a new social icon in the header, please open room/theme-options/theme.options.php file and add the following code on line 170:

array( 'icon' => 'icon-instagramm', 'url' => ''),

Here is the screenshot:

'icon-instagramm' can be replaced with any other social icon. The list of all theme icons can be seen at the following link: http://room.axiomthemes.com/wp-content/themes/room/css/fontello-all/demo.html

Then you will be able to add the link in Appearance -> Customize -> Socials: 


The icon will show up as soon as you save  the changes.

4. How to translate Estate theme

All the theme translations should be done using  yreg-estate/languages/.pot file and free software Poedit (poedit.net/download). Please open .pot file in the Poedit software and first click on Update button.  You will generate .po and .mo files in the same folder (for example en_EN.po and en_EN.mo) and make all the translations there.

Alternatively, you can translate all the text strings in the php files. For example, "sqft" is edited on line 57 of yreg-estate/templates/single-property.php file:

$property_area_text = yreg_estate_property_delimiter_text($property_area, '') . esc_html__(' sqft', 'yreg-estate');

Replace  ' sqft', with  ' m²', 

You also need to customize yreg-estate/templates/trx_property/property_1.php file,  line 139.

The text from the search form ( "Any"  and "sqft" )  is modified in yreg-estate/js/theme.init.js file, lines 136, 143, 105, 107, 112, 114.

Form fields on Homepage 3 slider are edited in Revolution slider -> Home 3. You  need to select Static Global layers and edit the field text in the shortcode. Please check the screenshot: 


5. How to change the logo on the homepage.

The logo image you see on the frontpage is a part of the Revolution slider. Please navigate to Revolution Slider in Wordpress admin menu -> Barbershop and click on Static/Global layers.

Alternatively, you can simply replace the following image in the File manager: wp-content/uploads/revslider/barbershop/slider_logo.png

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


7. How to Add a New Font

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.

 

 

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

9. 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:

10. How to change property information in Revolution slider

In order to change the property information in the slider on Homepage1, please  navigate to  Revolution slider -> Home1 in admin and select the layer containing the shortcode: 

As you can see, the properties are added to the slider using the shortcode.

You can find each property id in admin -> Property hovering on "Edit" button for single property post:



11. How to change the number of products per page on the Shop page.

In order to increase the number of products on the shop page, please go to Theme options -> Woocommerce -> Blog and Single -> Stream page -> Blog posts per page and set the needed products number per page you would like to display. Please take a quick look at the screenshot with illustration:




12. Language localization

1.Go to http://www.poedit.net/download.php and download Poedit for your system (Wndows/MAC). Poedit is a free, open source and cross-platform gettext catalog (.po file) editor to aid in the process of language localization.

2.Install it on your computer: double click the file and follow the steps it suggests. At the end of the installation, make sure the option Open Poedit After Installation is checked and click Finish.


3. Go to your files in this way: wp-content/themes/your_theme_name/languages and here you will see two files default.po and default.mo files

4.If you want to translate it to another language, e.g. Dutch, new files should be created. There are two ways to do it:

5. Save the two language files on your computer. In Poedit click Open.


6.Navigate to where you saved the language files and open nl_NL.po. or your own language file

7.Look for the text string you want to translate in the left column called Source Text. You can hit Ctrl + F to look for a specific string of text.


8.Click the text string to select. It will appear in the Source Text lower column. Change the text in the Translation bottom column.

9.You can translate text both for the front end and back end of your site. When you are done, click Save and upload both files to thewp_content/themes/your_theme/languages directory on your FTP, replacing the existing files.

Thank you for reading.

13. How to Manage the 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.


14. How to add Team member/team group pages and other post types to the menu.

 In case you want to add team member or team group pages to the menu but do not see this option in Appearance ->Menus, please open "Screen Options" in the top right corner of the page and select the options you need.


Then you will see these items available in the list so you can add them to the menu.

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

16. 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:

17. 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:

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

19. How to add a social media icon in PJ theme.

In order to add one more social icon to the website, please edit  wp-content/plugins/trx_addons/includes/plugin.options.php file and add the following code on line 315 :

$TRX_ADDONS_STORAGE['options']['socials_youtube'] = array( "title" => esc_html__('Youtube', 'trx_addons'), "desc" => wp_kses_data( __("Link to your channel in the Youtube", 'trx_addons') ), "std" => "", "type" => "text" );

You may need to replace all  instances of "youtube" with your social network, e.g. "linkedin".

This is how the code looks after the changes:


Then you will be able to enter the social network link in Appearance -> Themerex Addons -> Socials.


20. How to change Google map pin location

By default, the address (pin location) is defined in Theme Options -> Footer settings. However, you can change it to a custom one by prepending another marker to your map:


This way you can add multiple markers if required.

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

22. How to translate Organic Store theme.

All the theme text strings are translated using organics/languages/organics.pot file and Poedit software (free at https://poedit.net/download). You will need to generate .po and .mo files and name them according to your website language, for example. es_ES.po and es_ES.mo (for Spanish)

 Alternatively, you can translate them directly in files:
 
In \wp-content\themes\organics\plugins\plugin.woocommerce.php file you can translate most of the text strings from the shop pages:
"Quick View" (line 189), "Checkout" (line 406), "Your cart" (line 404), "My account" (line 408).
"Your cart" and "Item" text from the top cart is changed in wp-content\themes\organics\templates\headers\_parts\contact-info-cart.php file on lines 7 and 10.
"Register", "Login", "Logout' text is modified in \wp-content\themes\organics\templates\headers\_parts\top-panel-top.php, lines 109, 114, 136.
"All posts" text is edited in \wp-content\themes\organics\fw\core\type.post.php on line 378.

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

24. Four color shemes in Best Deals theme

These article will guide you how to change colors in Best Deals theme.

Our theme has Theme Options - Fonts and color. Enter it and select the tab (schemes) you need. Here you can change colors to the one you need. There is a screenshothttp://screencast.com/t/rmM8ai0sbXfw

Then in page options - Body style select the scheme that you need. There is a screenshothttp://screencast.com/t/h2IzgKayv5

As you can see you can create four different skins.


25. How to change orange background on cv card - porfolio when you hover on image

You can replace it via files. Please, enter your files via FTP in this way: wp-content \ themes \ plugins \ trx_addons \ css  \ trx_addons.css and replace  in this code

.trx_addons_hover_mask {

position: absolute;

overflow: hidden;

top: 10px;

left: 10px;

bottom: 10px;

right: 10px;

filter: alpha(opacity=0);

opacity: 0;

background-color: rgba(239,167,88,0.8);

-webkit-transition: all 0.3s 0.1s ease-out;

-moz-transition: all 0.3s 0.1s ease-out;

-ms-transition: all 0.3s 0.1s ease-out;

transition: all 0.3s 0.1s ease-out;

}

with the color you need here 

background-color: rgba(239,167,88,0.8);

26. 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 - Services 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.

27. How to Manage Theme Fonts

The theme fonts are set in pj/theme-options/theme.options.php file, lines 231-257. You can replace them with any other Google fonts you need.

Here is the screenshot:

 In order to upload custom fonts, please use pj/css/font-face directory.

You can find the list of theme Google fonts in pj/includes/lists.php file, from line 738. To add new Google fonts, just duplicate one of lines and replace the font name with what you need:

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

28. How to remove contact info in footer

You can enter Appearance  - Theme options - Header and Footer. Put show contact in footer to "No". There is a screenshot http://screencast.com/t/IBpDksr0LjW If it does work from your side, check page options of your page then, as it has higher priority then theme options.


29. How to Personalize 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. 

 

 

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

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

If you get the following error after activating the theme " Fatal error: Call to undefined function mb_strtolower() in..",

mbstring PHP function is missing in 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 and provide us with your FTP details: FTP hostname, username and password.

32. How to manage property details in Best Deals theme.

This article will guide you how to manage property details in single proper post.

http://bestdeals.axiomthemes.com/property/21301-sw-376-st-florida-city-fl/

Please, enter your property post from your dashboard, scroll to property options, click property details and put the values that you need.

There is a screenshot

http://screencast.com/t/2Sof6TzIXqH

Best regards.

33. How to translate "Home" in breadcrumbs

"Home" text in breadcrumbs can be translated using theme language files located in theme_name/languages folder using Poedit software (free at https://poedit.net/download). 

Alternatively, the text can be translated directly in wp-content/themes/theme_name/fw/core/core.wp.php file:


34. How to add description text to menu items.

In order to add the description text for the menu item, please navigate to Appearance -> Menus and enable Description in Screen options in the top right corner:

Then open the menu item and enter the text there:


35. Language files translation

 In order to translate language files. You should do it in two places: themes/cindy-j/languages cindy-j.pot copy this file and rename it according to your language, for example es_ES.po, then edit this file with poeditor and compile mo file. Upload these files to your language folder again. CV card is built with the help of trx_addons plugin. So you will need to translate language files of this plugin in this way: wp-content \ plugins\ trx_addons  \ languages \ trx_addons.pot file in the same way like cindy-j.pot More information about the using of Poeditor you can find in this article https://axiom.ticksy.com/article/3976/


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

37. How to change slider images in property post

In order to replace image in your property post, enter your property post from backend. Here you will see this code

[trx_slider custom="yes" cat="0" controls="yes" pagination="yes" crop="yes" bottom="2em"][trx_slider_item src="1349"][/trx_slider_item][trx_slider_item src="1348"][/trx_slider_item][trx_slider_item src="1347"][/trx_slider_item][trx_slider_item src="1346"][/trx_slider_item][trx_slider_item src="1345"][/trx_slider_item][/trx_slider]

where src="1348" is an image id. You can replace it either in code or in visual composer itself

There is a screenshot http://screencast.com/t/1fNJkL5XRcBL


38. Bundled Plugins License & Activation Questions

When a premium plugin is included for free with a WordPress Theme you can use the plugin without any issues. The 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 purchase code for that plugin so you can’t enter anything in this field. Updates to the plugins are provided when the theme itself is updated.

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

39. How to Add a New Font

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.

 

 

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

41. FTP details are requested when installing the theme/plugin.

The issue is connected with file permissions/ownership. 

Please edit wp-config.php file and add the following lines:

define('FS_METHOD', 'direct');
define('FS_CHMOD_DIR', 0770);
define('FS_CHMOD_FILE', 0660);

The screenshot shows where exactly it should be placed in the file: http://prntscr.com/ghshy3

In case you still have issues, please provide me with your Wordpress username/password and FTP details in the support ticket. 

Thank you!

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

43. My search for property does not work.

If you put property parameters to the search and it does not show you any results, the first what you need to do is to navigate to your wordpress admin panel dashboard - > Pages. You should have a page with a template - Property list. There is a screenshot. Please, create this page. Then check your search again.

44. 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 - Socials 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.

45. 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 Me, Resume, Portfolio, Testimonials, Certificates, 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 Skills, Work experience, Education 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.

46. How to Add a New Font

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.

 

 

47. How to Change the Icons on Contacts page

In order to change the icons on Contact page 


 please edit \wp-content\themes\newlife-church\shortcodes \theme.shortcodes.css file, lines 1045-1061:

.sc_form .sc_form_address_field_icon_address:before{    content: '\e8fe';
}
.sc_form .sc_form_address_field_icon_phone:before{    content: '\e8ad';    font-size: 1.5714em;    left: 0.8182em;    top: 0.0909em;
}
.sc_form .sc_form_address_field_icon_email:before{    content: '\e901';    top: 0;
}
.sc_form .sc_form_address_field_hours:before{    content: '\e8fb';    top: 0;
} 

You may also find the list of the icons available in \wp-content\themes\newlife-church\css\fontello \demo.html file. 

 

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:

0ced7e7a34934df48ba69be8d8588eb9.png

48. How to change team images in your About us - Team Page

In order to replace images and text.

Please, enter your page Team from backend. Here you will see the code

[trx_team columns="4" cat="68" count="4" class="mb4e"][/trx_team]

This shortcode pulls text and images form team posts, that you can see on your dashboard. Enter every team post and change featured image http://screencast.com/t/j72cyAUzH

Also you can replace settings in visual composer. There is a screenshot http://screencast.com/t/T4vOW9VnT

Best regards.

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

50. How to edit/translate "All posts" page title.

Page title "All Posts" can be changed either in language file in theme_name/languages folder using Poedit software or directly in  wp-content/themes/theme_name/fw/core/type.post.php file (support.post.php),  line 359.  Please search for the text in the document in case the text is not found on this line.

 $title = esc_html__( 'All Posts', 'theme_name' );

51. Enabling pinch to zoom on mobiles

In order to enable pinch to zoom on mobiles, please open header.php file (in can be functions.php) and delete the following code (approximately on line 23):

 , maximum-scale=1


52. How to add a new (custom) social icon

In order to add another social icon in your Gardenia theme, you should do the following (e.g. Pinterest):

 1. Open \wp-content\themes\gardeniablog\theme-options\theme.options.php file in the text editor, such as Notepad++.

2. Add this piece of code after the line 102:

array( 'icon' => 'icon-pinterest-circled', 'url' => 'https://www.pinterest.com/'),

3. Save the changes and recheck them in the backend and frontend:

 In such a way you may add any other social icon if you did not find it in the list of available ones. 

53. How to remove style switcher in Tavern Theme

This article will guide you how to remove style switcher in Tavern theme.

In order to hide style switcher, enter your wordpress admin panel Appearance -> Theme Options -> General tab and look for Show Theme Customizer -> select "No" Here is a screenshot http://screencast.com/t/SstjeZOw7SlI 

If you still can see it on your page, enter this page form backend and scroll to Page options. Please, do the same in the Page options. Then update your page. Page options have higher priority than Appearance - >Theme options that is why you need to check it also.


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

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

 

 

 

56. 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 - Socials 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.

57. How to add the slider of images to single Property page.

If you want to add several property images to the single property page, you need first to disable featured image for each  Property item in Property Options -> Blog and single -> Single -> Show featured image before post. Please check the screenshot:

Then add Slider element using Visual Composer enabling "Custom slides" in Slider settings. It allows you to prepend slides and upload the image from the media gallery for each one.


58. How to set up Google Maps without API key

Googlemaps has changed their policy: https://developers.google.com/maps/documentation/javascript/usage-and-billing

As of July 16, 2018, to continue to use the Google Maps Platform APIs, you must enable billing on each of your projects. If you choose not to add a billing account, your maps will contain "For development purposes only" message.

Googlemaps API key is needed for built-in theme map element offering extended options for map style, zoom and marker.

However, you may use a standard Google Maps element of WPBakery page builder which does not require API key. 

All you need is to find your location on Googlemaps website, open its burger menu in the top left corner and select " Share or embed map" in the list. Then copy the HTML code in "Embed a map" tab:

59. How to change the link for Appointment buttons.

"Make an appointment" button link is edited in themes/barbershop/templates/parts/top-panel.php file on line 57.

"Appointment" button on homepage in Team section "Licensed barbers" is changed in themes/barbershop/fw/shortcodes/shortcodes.php file on line 3179.

60. How to Manage Theme Fonts.

The theme fonts can be changed in room/theme-options/theme.options.php file, lines 217-245.  

In order to upload custom fonts, please use room/css/font-face directory.