Theme Install Instructions V2

Congratulations on Purchasing your new theme!

Before you get started with the install, here are a few things to note.

You will need photoshop to edit the blog header.  You will also need to download and install the fonts provided in the theme installation folder. If you do not have photoshop, click here to contact us and request your blog header.

IMPORTANT: If the genesis framework or any of your plugins need updated, be sure to update them once they are installed.

Now, On to the fun stuff!   Click on each step below to install your new wordpress theme.

Install the theme and Genesis Framework

Log into your wordpress dashboard, click on appearance > Themes.

At the top of the page, click on “Add New”

Then click on “Upload Theme”

In the box that opens up, click on “Choose File” and upload the genesis.zip file that is inside your theme folder.

Activate it and if it asks you to update it, then go ahead and do so.

Next, upload your theme, Your theme is also inside the folder and is named something similar to themename-tinselpop.zip. Upload that and activate it.

Install Your Header

Click on Appearance > Customize

On the page that opens up, click “Header Image” on the left side of the screen.

Then click on “Add New Image”

In the box that opens up click on “Upload Files”

Upload the blog header you edited in photoshop or if you didn’t have photoshop, upload the header I sent over.  On the next page press the “Skip Cropping” button, then hit “Save and Publish”.

Upload Plugins

Within your theme folder, you will see another folder called “Plugins”, upload each and every plugin located in that folder, activate them and update them.

If you are unsure how to add plugins,  read the following tutorial –

How to upload and update Plugins

Import Widget Settings

In your wordpress dashboard, go to tools > widget Importer & Exporter (If you are not seeing this option it means you haven’t uploaded the plugin. The plugin is in your plugins folder and needs to be uploaded and activated.)

Click on “Choose File” and navigate to the folder named DEMO FILES inside your theme folder.  You will see a file called WIDGETS-SETTINGS, upload that then click on “Import Widgets”, some widgets may already exist but this will install the widgets and set them up like the demo.

Import Genesis Settings

In your wordpress dashboard, go to Genesis > Import / Export.

On the page that opens up, click on “Choose file” and navigate to your theme folder, inside it, you will see a folder called  DEMO FILES, open up that folder and double click on the file named GENESIS-DEMO-CONTENT then hit “Upload file and import”.

Import Demo Content

If you already have content on your blog, you can skip this part if you wish although I do recommend installing it. If your blog is brand new, this will install all the photos, pages and blog posts that you saw in the demo so you can quickly set up the theme then delete and edit any parts once you start blogging.

First, go to your wordpress dashboard and navigate to tools > import.

Scroll down on the page that opens up until you see “WordPress” hit Install importer or Run Importer, if you have to install it, do that, then go back and hit run importer.

On the page that opens up, click on “Choose file” and navigate to your theme folder, inside it, you will see a folder called  DEMO FILES, open up that folder and double click on the file named THEME-DEMO-CONTENT then hit the “Upload file and import button”.

On the next page, assign the posts to your own username, make sure to check that option and make sure “download and import file attachments is checked then click on “Submit”.

The next step can take a few minutes, the page will look like it’s loading, once it’s done you will see a list of everything that is installed (sometimes it just shows a blank page).  If something says it failed, don’t worry about that, your site may already have it.

Set up your navigation menu

First of all, you will need to have your pages and categories created, If you installed the demo content, these will already created, if you don’t already have these created, click the links below for a tutorial on adding pages and categories.

How to add a page.

How to add Categories.

Now that your pages and categories have been created you can go ahead and create your navigation menu, the primary menu is where your social media icons will show up along with certain pages and the secondary menu allows you to add more pages and categories.

All of our themes allow for two navigation menus, the primary navigation menu is above the header. The secondary navigation menu is below the header, you can use one or both. You can create more than one menu and assign each menu differently.

If you are unsure how to create and arrange your navigation menu click here for a tutorial.

Social Media Icons

Your social media icons are located in appearance > widgets > Nav Social Menu, navigate to that area, click on it and expand the widget named “Simple Social Icons”.

Once you the have nav social menu widget area open, scroll down a bit and add the links to your social media sites into the spaces provided, replace the links that are already there and delete any links you do not plan on using. (Example shown below).

Make sure to add https:// before any social media URL  and make sure to add mailto: before your email address with no space in between.

Once you have everything added and set up, hit “SAVE” at the bottom of the widget.

You will need to activate the Primary Navigation Menu for these to show up.

Note: If your theme has icons on the sidebar instead or you would like them there, drag and drop the Nav Social Menu widget into the Primary Sidebar Widget Area.

Welcome Image

Navigate to appearance > widgets > primary sidebar area and open up the widget named “Image Widget”.

Click on “Select an image”, then upload and replace the image with your own. I recommend a size of 300 x 300px for image widgets.  Your welcome image will show up in whatever shape and size you upload it.  Add a title if you wish and replace the caption with your own, then hit “Save” when you are done.

Instagram Feed

Click on “Instagram Feed” to the bottom left of your wordpress admin panel.

On the page that opens up, click the big blue button that says “Connect an instagram account”, authorize it then it will take you back to wordpress.

Once that’s done scroll down and hit “save changes”. Next click on “Customize” at the top of the instagram feed page.

In the customize section make sure the first area of settings are as shown below.

Once you do that, scroll down a little more and uncheck the following boxes “Show the Header”, “Show the Load More Button” and “Show the Follow Button”. Hit save.

Your Instagram feed will now show up on your blog.

Social Share Icons

Navigate to Genesis > Simple Share

In the page that opens up, make sure the settings look exactly like they are shown below, and also make sure all of the social boxes are checked, then hit “Save”.

Pinterest Widget

Go to  Appearance > Widgets, Open up the primary sidebar widget area and scroll down until  you see GS Pinterest Profile Widget, replace the username (Pinterest user) in the username section with your own pinterest username. (Not profile URL, Just your username) then hit save.

Subscribe Widget

Go to Appearance > Widgets and open up the primary sidebar area, edit the genesis E News Extended plugin, use the below screenshot as a reference and hit SAVE.


Facebook Plugin

Navigate to appearance > widgets  and open up the primary sidebar widget area, scroll down until you see “Mongoose Page Plugin” and replace the URL with your own facebook page URL and copy the settings below. Then hit save.

Shop My Style Widget

To use this widget you need to sign up for an affiliate network https://www.rewardstyle.com

Once you are accepted in they will provide further instructions on widget installation.

Slider Set Up

Go to Genesis > Slider settings and change the settings to show like the screenshot below, then hit “Save”.

Customize Theme Colors

This is completely optional but if you would like to change your theme colors, go to your wordpress admin area, click on appearance > customize > colors and from there you will see a list of areas with dropdowns, you can change the colors of your theme using this customizer (Some elements such as background images and the blog header cannot be customized using this.) A lot of the genesis framework uses CSS and the theme editor to change colors, we tried to make this as easy as possible but if some elements can’t be changed, we recommend inspecting the element in your browser and editing it via appearance > theme editor.

Change Theme Layout

Overall Layout Options

To change the overall layout of your theme to full width or have the sidebar on the left, go to appearance > customize > site layout, then you will see a dropdown menu with 3 different options.

Single Post and Page Options

If you only want to change the layout for a single page or a single post, go to your pages or posts area, click on the page or post you want to edit.  Scroll down until you see “layout settings” and click on the layout diagram you want to use, then save your page. (Don’t worry about the sections under it).

Category Layouts

To change the way a certain category archive looks, go to Posts > Categories then click on the category you wish to edit then scroll down to the bottom until you see the layout section again.

Instagram landing Page

If your theme has an instagram landing page Click Here and learn how to set this up!