Addison - Interior Design and Decoration WordPress Theme

Contents

1. I have purchased your theme. Now what?

2. Missing style sheet error when installing the theme

3. Installing Demo Content

4. 404 Page not found error on inner pages

5. How to choose Home page version?

6. How to change logo?

7. Duplicated content on all pages

8. How to edit Footer area?

9. I want to use a child theme. How can I do that?

10. How to update installed theme? Will it change data?

11. How to change the settings only on one page?

12. How to create One page?

13. Missing Google API key - Google Map

14. Header title is displaying site name

15. How to change the Excerpt text and Header background image?

16. How to change the Excerpt text?

17. How to change the header and edit other Single Shop Product page settings?

18. How to change the header and edit other Single pages of Portfolio items settings?

19. How to change the header and edit other Single Post settings?

20. How to set up your Instagram widget?

21. How to set up your Twitter widget?

22. How to add custom icons?

1. I have purchased your theme. Now what?

The best starting point is to go through the provided documentation. 

It will guide your through the common tasks of theme installation and import of demo content.  

You have 2 options for downloading your theme:


Documentation pdf is in the All files and documentation package. Please download it and the document should be in the root of the downloaded archive.



For more info and detailed instructions please refer to our Online Theme Documentation.

2. Missing style sheet error when installing the theme

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.

You have 2 options for downloading your theme:


Please use Installable WordPress file only archive in the process of Theme installation:

  1. Log in to your WordPress admin area.
  2. Browse to Appearance > Themes.
  3. Click on ‘Add New’.
  4. Click ‘Upload Theme’.
  5. Browse and select the theme zip file to upload, then click 'Install Now' button.


Check our video tutorial how to install theme and import demo content.

Don't forget to subscribe to our YouTube channel!


For more info and detailed instructions please refer to our Online Theme Documentation.

3. Installing Demo Content

The best way to start is to install demo content. If you want to install demo content please do the following:

First, delete all sample content (posts and pages) which is automatically created when
WordPress is installed. If you have already added a new content, please make sure to do the backup in order to save the content. After the backup, delete all content and you can start with the next steps:  

1. Start with fresh WordPress installation and make sure that theme and required plugins are installed. Since some demos contain WooCommerce data, please install WooCommerce plugin. Once you finish with the installation, you can remove WooCommerce plugin if you do not need it.


 


2. Go to ‘Tools > BT Import’ and select demo which you want to install.


 


3. Wait until you get message that import is finished. If you see red colored error message, just repeat the import until you get the message that import is finished. Import is incremental process and will finish eventually.

4. If you have imported demo with WooCommerce content, go to WooCommerce > Settings > Products > Display and select Shop as Shop Page; open Checkout tab and select Cart as Cart Page and Checkout as Checkout Page; open Accounts tab and select My Account as My Account Page.


Check our video tutorial how to install theme and import demo content.


Don't forget to subscribe to our YouTube channel!



For more info and detailed instructions please refer to our Online Theme Documentation.

4. 404 Page not found error on inner pages

If after installing demo content inner pages are returning 404 Page not found error, please try to recreate permalink structure by going to Settings > Permalinks, changing it to Post name, for example, saving the settings, then changing it back to the one you originally had, and saving it again.

5. How to choose Home page version?

When you decide which Homepage version you are going to use, then please follow the next steps:

  1. Set your chosen Homepage version as Front page in Settings > Reading Settings panel.

     2.  In the chosen Homepage editor locate the Override Global Settings – at the bottom of page editor:



3. All the settings (logo, alternate logo, colors, menu type, typography etc.) should be set the same in Customization panel.

Have a look at the following example - copying accent color (note: example is on the Craft Beer theme, but it works the same on all themes):



Once you are done with setting main settings in Customization panel (logo, accent and alternate colors, menu layout etc.) then make sure to edit Primary Menu according to your needs (remove unnecessary Homepages etc.).


For more info and detailed instructions please refer to our Online Theme Documentation.

6. How to change logo?

The logo (and alternate logo) should be set in Appearance > Customize > General Settings panel. If, after setting your logo, it's still not visible on some pages, please do the following steps (note: example on Fast Food theme):



1. Navigate to the those pages' editor.

2. Locate Override Global Settings section at the bottom of the Page editor end remove Logo or Alternate logo:





For more info and detailed instructions please refer to our Online Theme Documentation.

7. Duplicated content on all pages

If content on your pages has duplicated, the issue is most likely caused by Footer Page Slug field. This field should contain the slug of the page that serves as a template for footer.

The issue occurs when the field contains text that is not page's slug, when the wrong slug is added, or when the template page is not published.

In order to fix this, make sure that Footer Page Slug field contains the slug of the page which you will use as a template for footer. 

Also, make sure that the mentioned page is published.

Otherwise, if you won't be using template page to create footer, leave the Footer Page Slug field empty.


For more info and detailed instructions please refer to our Online Theme Documentation.

8. How to edit Footer area?


On Appearance > Customize > Header and Footer panel there is a Footer Page Slug. 

This field should contain the slug of the page which serves as a template for footer area.  All pages inherits settings, elements and shortcodes of the page referenced via this field.

In order to change elements in footer, please locate the page (on all pages list) with the slug entered in Footer Page Slug field and edit it.





For more info and detailed instructions please refer to our Online Theme Documentation.


9. I want to use a child theme. How can I do that?

If you want to use Addison Child Theme, please follow these steps:

  1. First of all, make sure that parent theme folder is named: addison. Otherwise rename the folder.
  2. You should be able to find the folder addison-child in the package you have downloaded from ThemeForest.
  3. Please copy this folder to /wp-content/themes folder on your server.
  4. Go to Appearance > Themes in your wp-admin console and activate child theme. Please have in mind that all required plugins need to be activated.




For more info and detailed instructions please refer to our Online Theme Documentation.

10. How to update installed theme? Will it change data?

First of all, please make sure to download newest theme version from ThemeForest Download section.

Then, just replace the old theme files with new ones on your server via FTP (provided you haven’t made any changes in the source code. If you did, please reapply them to the new version of the theme or they will be lost). 

Keep your eyes on potential required plugin update messages at wp-admin dashboard once you replace the files. You should update all required plugins if the updated theme suggests so. 

All settings in Customize panel and your content will be preserved.

Note: Once new theme version is online, user who purchased the theme, should get email note from the Envato (ThemeForest).





For more info and detailed instructions please refer to our Online Theme Documentation.

11. How to change the settings only on one page?

Here is how the Setting generally works:

The settings in the Appearance > Customize panel are global, meaning that they influence every page on the site by default.


On the other hand, you have an option to override these settings on per page basis. If you take a look at the bottom of the page edit form, you will notice 'Override Global Setting' part in Settings Section - here you can override global settings for every page.


So, for example, if you need to change the logo then the value should be either absolute URL of image ID from Media Library. The same is with Sidebar (left, right or no sidebar) or Boxed menu (true or false) etc.

When it comes to editing the Blog Posts, Portfolio projects or Products, than please refer to the articles:

12. How to create One page?

The best way to start is to install demo content. If you want to install one page demo please refer to the article: Installing Demo Content. You will be able to see how all elements on the single page are set.

Please have a look at the following steps, how to achieve one page:

1. First of all, navigate to the Bold Page Builder and edit desired section. Insert in required Custom Tab Element ID attribute:



2. Then in Appearance > Menus add a new Custom Link and as a URL insert custom ID atribute with #.

For example: #about


For more info and detailed instructions please refer to our Online Theme Documentation.

13. Missing Google API key - Google Map

Since Google has changed their Google map policies, Google map APIs require an API key for new domains . (announcement: Google Geo Developers).

  1. First step is to make sure to update the theme to the newest version. 
  2. When the theme is updated, please Get your API key.
  3. Then locate the Google Map element in Bold Builder/Rapid Composer and enter your API key.

Bold Builder preview:

Rapid Composer preview:



For more info and detailed instructions please refer to our Online Theme Documentation.

14. Header title is displaying site name

Once you add titles with Yoast SEO plugin, header will display that title and site name, instead of the page title.

In order to show only title, without site name, you could change page title template to display only the title. In Yoast > Titles & Metas > Pages Title template, you could add title template as:

%%title%%


Other option would be to switch to  All in One SEO Pack plugin, that does not affect header title.

15. How to change the Excerpt text and Header background image?


In order to edit / remove excerpt text, navigate to the Page editor, and in Screen Options (at the top of the dashboard) enable Excerpt field.

http://documentation.bold-themes.com/celeste/wp-content/uploads/sites/30/2018/07/Screenshot_26.jpg


After that, scroll to the bottom of the page editor where you’ll find Excerpt text.

http://documentation.bold-themes.com/celeste/wp-content/uploads/sites/30/2018/07/Screenshot_7.jpg


The Header background image represents featured image added to the page. In order to replace existing image with your own, click on the image, and when redirected, select image from Media Library.

In order to entirely remove the image, click on ‘Remove featured image’ button.

http://documentation.bold-themes.com/celeste/wp-content/uploads/sites/30/2018/07/Screenshot_25.jpg


In order to remove entire Header from pages, make sure to check ‘Hide Default Headline’ field in Appearance >Customize >General Settings panel, or in Override Global Settings at the bottom of the page editor:


Should you want to edit header on Single Post, Single Product or Single Portfolio then first locate page which settings are inherited. For more info refer to the articles:



For more info and detailed instructions please refer to our Online Theme Documentation.

16. How to change the Excerpt text?

All Blog Posts, and even Pages can have Excerpt text.

In order to change the ’Excerpt text’ please take a look at the bottom of edit post page. Since this field is not visible by default, just click Screen options button at top right corner of the form and check Excerpt checkbox. 

                        


This will make excerpt field visible. You will be able to edit Excerpt text.




For more info and detailed instructions please refer to our Online Theme Documentation.



17. How to change the header and edit other Single Shop Product page settings?

All single product pages inherit the settings from their template page. In order to edit excerpt text and header background image, please locate this page on All Pages list, and proceed to follow instructions from our article.

In order for this page to work as a template page for single products, make sure to add its slug to Settings Page Slug field in Appearance >Customize >Shop panel.


                                                          




For more info and detailed instructions please refer to our Online Theme Documentation.

18. How to change the header and edit other Single pages of Portfolio items settings?

All single portfolio items inherit the settings from their template page. In order to edit excerpt text and header background image, please locate this page on All Pages list, and proceed to follow instructions from our article.


In order for this page to work as a template page for single portfolio items, make sure to add its slug to Settings Page Slug field in Appearance >Customize >Portfolio panel.

                                                        




For more info and detailed instructions please refer to our Online Theme Documentation.

19. How to change the header and edit other Single Post settings?

All single posts inherit the settings from their template page. In order to edit excerpt text and header background image, please locate this page on All Pages list, and proceed to follow instructions from our article.


In order for this page to work as a template page for single posts, make sure to add its slug to Settings Page Slug field in Appearance >Customize >Blog panel.

                                                          





For more info and detailed instructions please refer to our Online Theme Documentation.

20. How to set up your Instagram widget?

In order to set up your Instagram widget you need following data:

Please follow this procedure to create your Client ID, Access token and User ID:

Step 01: Getting Client ID 

1. Go to the link: Authentication and login with your Instagram account
2. Click on Manage Clients in the upper right corner
3. Click on Register a New Client.


               


4. Complete the form, here’s a break down of what each field is:


             


You are now presented with a Client ID and the Redirect URL – copy and paste these somewhere (or leave the browser window open) as we need them for the next step.

5. Click on Edit Client button, click on Security Tab and uncheck Disable implicit OAuth. Click on Update button.




Step 02: Getting Access token

Use the url below and replace the bits in UPPERCASE with the information you noted earlier on (Client ID and Redirect URL): https://instagram.com/oauth/authorize/?client_id=YOURCLIENTIDHERE&redirect_uri=HTTP://YOURREDIRECTURLHERE.COM&response_type=token&scope=public_content

Paste the updated URL in to your favorite browser and you will be taken to a page on Instagram that says something like, “Hello [Your Name], [Application Name] is requesting to do the following” followed by a list of permissions – click Authorize to enable and retrieve your token.

You should now have been redirect to the URL you set as your Redirect URL (probably your blog).  At the end of the URL Instagram has directed you to is your access token as a very long series of letters and numbers.  It will almost certainly not all be visible so you’ll need to work a little to get it.  We recommend:

Clicking in the address bar of your browser
Hit CTRL + A on the keyboard to ‘Select All’
Hit CTRL + C on the keyboard to ‘Copy‘
Open a text editor such as Notepad and paste the URL there, you should now be presented with something like this: http://www.bold-themes.com/#access_token=856946666.7338417.ffefasgtasg805784be6ab4f24965e79

Everything after the equals sign (=) is your access token so in our case this would be: 856946666.7338417.ffefasgtasg805784be6ab4f24965e79.


NOTE: User ID feature is currently only available in our newer themes, starting with Law Firm and all that came after it. Older themes do not have this option, and hashtag must be used.

*If you would like to present only images with certain hashtag, then it's not important if you have or don't have User ID, as you can use only hashtag. Otherwise, it's necessary to have User ID.

Step 03: Getting User ID

In order to get your User ID, you will first need to have your Access token (instruction for Access Token is above). Once you get it, copy first several numbers (in front of the first dot). Have a look at the following example of Access token:

856946666.7338417.ffefasgtasg805784be6ab4f24965e79

In this case, User ID will be 856946666. Copy it and paste in the User ID field in BB Instagram Widget.


For more info and detailed instructions please refer to our Online Theme Documentation.

21. How to set up your Twitter widget?

In order to set up your Twitter widget you need following data:

Please follow this procedure to create required data.
1. Go to Twitter Apps, sign in and create New App.

                                

2. Complete the form, here’s a break down of what each field is:


Please check 'I agree'. You are now presented with a Consumer key – copy and paste this somewhere as we need that for the next step.

   


3. Click on 'manage keys and access token'. Then go to ’Create my access token’  and you will get Consumer Secret, Access Token and Access Token Secret.


   



6. Copy Consumer Key, Consumer Secret, Access Token and Access Token Secret and enter them to respective fields of Twitter widget. 



For more info and detailed instructions please refer to our Online Theme Documentation.

22. How to add custom icons?

Please refer to the instruction below on how to add custom icons to your theme:

1. Create icon folder (e.g. MyIcon) with required fields:

Make sure that your icon folder contains .ttf and .woff files, as well as CSS file with icons' names and glyph codes. If it doesn't have these files, you could use IcoMoon to generate the files.


2. Create PHP file for your icons:

The PHP file should be named as the icons (for example, MyIcon). As an example of how the PHP file should look, you can use one of the existing fonts and copy their files' content, and replace it with your glyph codes.


Or, you can use the following example, and just replace the glyph codes (numbers: f100, f101, f102 etc.) with the ones from your icon set. 

<?php
$set = strtolower( basename(__FILE__, '.php') );
$$set = array(
     'icon-01 (myicon set)' => $set . '_f100',
     'icon-02 (myicon set)' => $set . '_f101',
     'icon-03 (myicon set)' => $set . '_f102',
     'icon-04 (myicon set)' => $set . '_f103',
     'icon-05 (myicon set)' => $set . '_f104'
);

The glyph codes are defined in style.css file (located in downloaded file from e.g. IcoMoon). Here is the example:

.icon-01:before {
  content: "\f100";
}
.icon-02:before {
  content: "\f101";
}
.icon-03:before {
  content: "\f102";
}
.icon-04:before {
  content: "\f103";
}
.icon-05:before {
  content: "\f104";
}

3. Upload icon folder:

Once you have the files, please go to \wp-content\themes\your-theme-name\fonts folder, on your server, and create a new folder, in the fonts folder, and name it as you named your icons (MyIcon).
The new fonts folder should contain .ttf and .woff files, and php file.


4. Edit theme files - Step 01:

In admin-style.php file, in \wp-content\themes\your-theme-name folder, remove the following line of code, which is located at the end:

', array() );

and replace it with the following code.

@font-face{
    font-family:"MyIcon";
    src:url("' . get_template_directory_uri() . '/fonts/MyIcon/MyIcon.woff") format("woff"),url("' . get_template_directory_uri() . '/fonts/MyIcon/MyIcon.ttf") format("truetype");
}
*[data-ico-myicon]:before{
    font-family: MyIcon;
    content:attr(data-ico-myicon);
}
.bt_bb_icon_preview.bt_bb_icon_preview_myicon{
    font-family: MyIcon;
}', array() );

Replace every occurrence of 'MyIcon' / 'myicon' with the name of your icons (if you didn't name them MyIcon).


5. Edit theme files - Step 02:

In icons.php file in \wp-content\themes\your-theme-name folder, remove the following line of code, which is located at the end:

', array() );

and replace it with the following code.

@font-face {
        font-family: "MyIcon";
        src: url("' . get_template_directory_uri() . '/fonts/MyIcon/MyIcon.woff") format("woff"), url("' . get_template_directory_uri() . '/fonts/MyIcon/MyIcon.ttf") format("truetype");
}
*[data-ico-myicon]:before {
        font-family: MyIcon;
        content: attr(data-ico-myicon);
}', array() );

Replace every occurrence of 'MyIcon' / 'myicon' with the name of your icons (if you didn't name them MyIcon).