0 Menu

Instructions

.inst-page{ } .bg-white{ background-color: white; padding: 20px; } .inst-navbar ul { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; } li{ margin-bottom: 5px; list-style: none; } .inst-page h1 { color: #4D4D4E; padding-top: 30px; padding-bottom: 30px; text-transform: uppercase; letter-spacing: 2px; font-size: 12px; font-weight: bold; text-align: center; } p { padding: 10px 0px; } .inst-page b{ color: #4D4D4E; } .line-divider{ border-bottom: 1px solid #F2F0EE; margin-top: 30px; } .backtotop { text-align: right; }

Theme Installation

When you buy the them you receive .zip file with the theme's name. Download the document to your desktop. Please do not unzip as it will need to be uploaded as is.

  • STEP 1. Go to your Wordpress.org dashboard and under Appearance go to Themes

  • STEP 2. Click on Add New

  • STEP 3. Click on Upload Theme and search the .zip file in your desktop

  • STEP 4. Click on Activate Theme
Back to Top

Header Installation

If you wish to upload your own logo follow the steps below:

  • STEP 1. Go to your Wordpress.org dashboard and under Appearance go to Header

  • STEP 2. look for the Header Tab clic on Add New

  • Note. Please make sure the image uploaded is the size recommended by the theme. in the image above you will see it's 960 x 225. A png with transparent background is best.

Back to Top

Menu Links

Once you've created the pages you'll be needing and/or categories you can add those to your site's menu.

  • STEP 1. Go to your Wordpress.org dashboard and under Appearance go to Menu

  • STEP 2. You'll see 3 tabs on the left side. The first one is to add pages from your site, the second one is for custom links so you can link to some other site and the third one is so you can add categories to your menu

  • STEP 3. Just select the page you want and click on Add To Menu

  • STEP 4. To create a submenu just drag and drop below some other menu item

Back to Top

Create a Landing Page

If wish to create a landing page with no sidebar do as follows:

  • STEP 1. Create a PAGE, titled BLOG and save. No need to add anything else.

  • STEP 2. Make sure your Landing Page has the "Landing Page Template" selected on the right side of the page editor.

  • STEP 3. Go to Settings - Reading and under Static Page select the name page that should show up as Landing Page.

Back to Top

Sidebar: Image

  • STEP 1. Go to Plugins - Add New. Search and install the Simple Image Widget. On how to install a plugin please follow this tutorial.

  • STEP 2. Once it's installed, go to Appearance - Widgets. A new widget named 'IMAGE' should now be available

  • STEP 3. Drag and Drop it into the Main Widget Area. The Widget is pretty simple. Add your image, maybe you want to link it to the about page. You can also add your about text. You can also use this widget to add images that will link to your shop or portfolio ;)

  • STEP 2. Save

Back to Top

Sidebar: Social Icons

  • STEP 1. Go to Plugins - Add New. Search and install the Simple Social Icons. On how to install a plugin please follow this tutorial.

  • STEP 2. Once it's installed, go to Appearance - Widgets. A new widget named 'SIMPLE SOCIAL ICON' should now be available

  • STEP 3. Drag and Drop it into the Main Widget Area. The Widget is pretty simple. I recommend 28px for icon size but you can customize this. Also choose background and widget color to match your logo.

  • STEP 4. Add the links you wish. For the email icons add it like this: mailto:[email protected]

  • STEP 5. Save

Back to Top

Sidebar: Menu

  • STEP 1. Go to Appearance - Menu. Click on add to menu and assign a name to it this tutorial.
  • STEP 2. Add the links or categories you want your sidebar to have
  • STEP 3. Go to Appearance - Widgets. Drag and drop the Custom Menu Widget to the Main Widget Area
  • STEP 4. Choose the menu you've just created from the dropdown menu and save
Back to Top

Sidebar: Instagram

  • STEP 1. Visit the SnapWidget website and click on Get Started. You will be able to easily customize your instagram widget. Play around with the columns and effects. When you're done, clic on Get widget and copy the code provided by them.

  • STEP 2. Go to Appearance - Widgets. Drag and drop the Text widget to the Main Widget Area and paste the code. Save.

Back to Top

Sidebar: Subscribe Bar

This will only work for Jetpack Subscribe bar. If you wish me to install Mailchimp please buy the add-on here.

  • STEP 1. Go to Plugins - Add New. Search and install Jetpack. On how to install a plugin please follow this tutorial.

  • STEP 2. A green banner will appear. Click on Connect to jetpack.

  • STEP 3. If you don't have an account click on 'Need an account' on the right side of the wordpress.com username field.

  • STEP 4. Once you've finalized the sign up go to Appearance - Widgets. A new widget titled 'Blog Subscriptions: Jetpack'. Drag and drop to the mail widget area.
  • STEP 5. If you want it as it appears in the demo site add 'your email snd hit enter' under the Subscribe placeholder. Save.
Back to Top

Read More Button

The Read More button is optional for all themes.By default it wont appear on it's own. If you wish to add it follow the steps below.

  • STEP 1. Go to the post editor.

  • STEP 2. Click on the "Insert Read More Tag" where you wish link to appear.

  • STEP 3. Publish or Update the post.
Back to Top

Footer: Instagram

  • STEP 1. Visit the SnapWidget website and click on Get Started. You will be able to easily customize your instagram widget. Play around with the columns and effects. When you're done, clic on Get widget and copy the code provided by them.

  • STEP 2. Go to Appearance - Widgets. Drag and drop the Text widget to the Main Widget Area and paste the code. Save.

Back to Top