Iceblink Instructions

Thanks for your purchase

I appreciate your purchase of one of my Elementor theme designs. I hope you find it easy to use and welcome your thoughts should you run into any issues.

If you are a visual learner, you can hop to my Video Library and view the videos there that can take you through many of the steps to install & edit my theme for your site.

(1) You will need to have WordPress and the parent Page Builder theme installed before starting. The recommended parent theme is free, light weight & works well with my Elementor Theme Kit. This Theme kit is intended to take the place of a “traditional” theme, so having a lightweight “vanilla” theme as your base is a great start.

(2) Make sure you have previously installed Elementor PRO plugin before starting, Happy Addons for Elementor (FREE), Template Kit Import (FREE) & Smash Balloon Photo Feed plugins (FREE) – links below! This template kit does need the Elementor PRO version in order to use many of the functions of the design.  If you forget to install something, no worries…you will be reminded to install them during setup.

ELEMENTOR – https://elementor.com/
SMASH BALLOON PHOTO FEED – https://wordpress.org/plugins/instagram-feed/
TEMPLATE KIT IMPORT – https://wordpress.org/plugins/template-kit-import/
HAPPY ADDONS – https://wordpress.org/plugins/happy-elementor-addons/

Now let’s get started on installing the Iceblink Theme below!

The above does include an affiliate link. I do get a benefit if you choose to purchase through the link. I only recommend products I use myself and/or trust implicitly.

Install Child Theme & Elementor Templates

There is a video in my library that will guide you through uploading the child theme & templates you purchased. Make sure to remember where you downloaded the files from Creative Market, you will need to access to that folder on your computer to complete the initial steps. Click the button below to view the video in a popup.

Once you go through the steps outlined in the video, your site should start to take shape with the new design. You will have a new header, footer and some page styling visible when you view the front-end of your site. Additional steps below will help you load up your new homepage and other pages in the site to complete the setup.

**the slide-out navigation is set to use your default navigation menu (APPEARANCE >> MENU). If you do not have one set up, there are steps below that will assist you.

Setup Homepage & Other page Templates

Go to PAGES >> ADD NEW. Give your new page a name. Best practice is to call it HOME (if it does not already exist). Save your changes, then on the right-hand menu, click PAGE ATTRIBUTES, from the Template drop down, choose Elementor Full-Width. Save your changes!

**Big blue UPDATE button at the top/right of your screen.

Once you have a new HOME page, and have saved your changes you will click the blue button near the top (left side) of the screen titled EDIT WITH ELEMENTOR to start customizing this new page.

On the left side is the Elementor admin panel, in the middle of the screen you want to click the grey button (looks like a file folder) so we can choose one of the templates you uploaded earlier. Go to MY TEMPLATES from the tabs at the top, find the one titled Iceblink Homepage (choose either ONE or TWo depending on the design style you want) and click INSERT. Click YES when asked if you want to override existing page settings!

Editing your new Homepage

Your new home template will show up in the editor so you can start customizing it. You will notice that the demo images came over. You will be able to choose ALL of your own images for the different areas of the page to reflect your own business and replace anything that is there. Fonts & colors come over as well, but you have full control to change them if you want. **All images are from unsplash.com, and free to use, or you are welcome to view their collection and find images related to your own business.

Just dive in, edit all titles, text, etc…and have fun. I have a few links below to help you along. My video library has lots of short (1-3min) videos that will help you along the way. The form instructions (link to Elementor documentation) will work in all areas where a form is located (slide-out navigation, footer, contact page, landing page & pop-up signup).

Launching your new HOME & BLOG pages

To launch these new pages, the final step is go to SETTINGS >> READING. This is where you tell WordPress that you have a new homepage & posts page (aka Blog) that it needs to point to. Click A STATIC PAGE and then from the drop down choose the HOME page you set up above (or whatever you named it). Make sure to save your changes!!

Do the same for your Blog page, once you have that set up too! This tells WordPress by default when people go to your domain name they will see HOME and if they go to your blog page, they will see all of your posts.

**Notes. We created a new page and inserted the template into it because this allows you to make edits without altering the original template itself. If you choose, in the future, to revert back to the original (demo version) - it is always there for you under Templates >> Saved Templates. This is also helpful if you ever make a mistake, the original template is available to review and fix those errors.

How to Setup Other Pages using Iceblink Templates

To launch any of the other new page designs in the kit, the first step is to create a page in your site and import the relevant template into that new page. The steps above for the HOME page will be the same for other pages listed below:

ABOUT
CONTACT
LANDING PAGE

**Notes. Similar to the homepage, we create a new page and insert the template into it because this allows you to make edits without altering the original template itself. If you choose, in the future, to revert back to the original (demo version) - it is always there for you.

There are other templates that are included in the kit that will automatically be "turned on" when you install the kit. Pages like:

BLOG
INDIVIDUAL POST
404 (PAGE NOT FOUND)
HEADER
FOOTER
CATEGORY & ARCHIVE POST PAGES

These pages are set to automatically be assigned to their designated areas as soon as you install the kit. If you want to make edits to these pages you would do this through TEMPLATES >> THEME BUILDER. These are global templates, used throughout the site, and having one central location to edit them makes them easier to manage.

Editing Global Templates

Header, Footer, Popups, 404, Slide-Out Navigation & More

Go to THEME BUILDER or POPUPS and choose the template you want to edit. Any edits you make here will be GLOBAL - meaning they will be seen on all pages where the template is shown (header, footer, etc). This makes it easy to make changes in one place and have it update throughout your site.

The Slide-out navigation template (...all popups) can be found under TEMPLATES >> POPUPS. You will also find the signup popup here (this popup is linked through the footer & call to action modules), and you can globally edit it so all changes are seen throughout the site.

Setup the Slide-out Navigation

The slide-out menu has an embedded navigation menu. You can add pages/content to this menu by going to APPEARANCE >> MENU.

By default WordPress sets up a menu with links (like Home & Sample Page). It is easiest to use this default menu, if you do not already have one, and edit it to suit your needs.

If you already have a menu created, the slide-out menu should recognize your default menu. If this does not happen automatically, or if you have multiple menus and you want to designate a particular one, follow the quick steps in the video below on how to create a menu and add it into the main navigation for the theme.

Frequently Asked Questions

Check how you have your site set up under SETTINGS >> READING.  Under “Static Page” make sure you have HOME (or whatever you might have named your homepage) showing in that field.  If you have “Latest Posts” clicked you will want to change that.  You want the Static Page to be active, and to have Homepage linked to the page you want as HOME and your posts page to link to the page you want for your BLOG.

Throughout the theme most areas will accommodate any size/shape image.  There are a few areas that work better with a certain size/shape:

LOGO (Top Header)
Any size logo will work here, though a linear (wide) logo fits best..even a square image can work in this space.  If you use a logo that is tall/square, it will make the top navigation be taller as well.  For reference, the logo being used in my demo is 170px tall.

AUTHOR WIDGET
The image for this area works best with a portrait image (taller than it is wide).  If you have an image of yourself, see if you can crop it into this shape before loading it into the site.

CALL TO ACTION IMAGE
This area, for the background, will work best with a landscape (wide) image, but even something square or portrait can work.  Uploading a different shape means the image might have to be stretched to fill the area.

TOP HEADER/HERO IMAGES
These top areas work best with wide images that are large (at a minimum 1000px wide) to retain clarity when stretched on large desktop screens.

Check and make sure you are editing pages and not templates.  You only want to edit templates directly when they are used globally throughout the site. These global templates are like the following:

FOOTER

HEADER

SIDEBAR NAVIGATION

AUTHOR SIDEBAR WIDGET
404 (Page not Found)

FREEBIE SIGNUP

SINGLE POST TEMPLATE

CATEGORY & ARCHIVE TEMPLATE

Any changes to pages in the site like Home, Contact, About, Landing or other internal pages should be made on the page itself.

For editing those types of pages, make sure to go to PAGES (top/left menu) and choose the page you want to edit. If you want to create new pages using an existing template, just create a brand new page from scratch.  Assign this new page a name, then edit it using Elementor. You can import any template into the page and make direct edits there. This leaves the original page templates in tact for future use.

A Favicon is a small image that shows in the browser bar/tab next to the title of the website. WordPress has a built in feature for setting a site-image / favicon.

Best practice for this small image:

  • Upload a square shaped image that is at least 512 x 512 px
  • Use a simple design, which can be discernible when shrunk to a small size. Words do not work well when they scale down this tiny.
  • Use a transparent background file (png or gif)


Once you have a file, go to APPEARANCE >> CUSTOMIZE.  Find the HEADER tab and then LOGO.  Scroll to the bottom where it says “Site Icon” and load up your chosen Favicon there.

Of course!  You are welcome to remove all content in the footer and adjust it to suit your own site/business. 

I would appreciate the chance to have a link back to my design site, but if you choose to remove that I do understand.

HINT: Edits to this area of the site are done by going to TEMPLATES >> THEME BUILDER >> Iceblink Theme Footer.  Make your changes here and they will be seen across the whole site.

The links in the footer are handled through the WordPress menu system. 

If you already had a menu created, the footer menu should recognize it. If this does not happen automatically, or if you have multiple menus and you want to designate a particular one for the footer, follow the quick steps in the video from our library.

View Video

By default the template import feature will set up your Blog using Design ONE.  If you want to use the alternate design, here are some easy steps to follow:

  1. Go to TEMPLATES >>THEME BUILDER and find the template titled “Iceblink Blog Page Template ONE”.
  2. Click into that template to edit it.
  3. Once you are in the Elementor editor screen, click the arrow UP icon to the right of the Update button (bottom) and choose “Display Conditions”.
  4. There is one display condition set up titled “Include : Posts Archive”.  Go ahead and delete this and click the green button at the bottom SAVE & CLOSE. (this step stops that template from dictating the design for your main Blog page).
  5. Now exit back out to THEME BUILDER and we want to edit the template titled “Iceblink Blog Page Template TWO”
  6. When we get to the editing screen here, we want to click that same UP button and choose Display Conditions.
  7. This time we want to set the same display conditions that the previous template had. 
  8. Choose: Include: Posts Archive.  Then click the SAVE & CLOSE button and view your changes on the front end to make sure your blog now has DESIGN TWO implemented.

You can find installation details through the link below.  The feed is automatically set up to pull the Instagram account that you connect upon completing the plugin’s install steps.

Smash Balloon Installation Steps

After installing the feed, there are a few settings you want to take care of to make it look like the demo.

  1. Go to the Customize tab, for the plugin, and make sure you have it set for 100% width.
  2. Go to the Layout section and you want No. of Photos = 6, No. of Columns = 6, and Padding = 5.
  3. Go to the Header section and remove the check where it says “Show Feed Header”
  4. Go to the “Load More Button” section and remove the check where it says “Show Load More Button”.
  5. Go to the Follow Button section and remove the check there too.
  6. Remember to save your changes at the very bottom before exiting this page.


You can also either hide or remove the feed completely if you do not have an Instagram account.  There is a video below in my library, outlining the steps on how to do that.

Video Library

Install Iceblink
Add Menu to Footer
Edit Grid Posts Layouts
Edit Images & Text
Add Menu to Sidebar Navigation
Hide/Remove Instagram Feed

**The above does include an affiliate link.  I do get a commission or benefit if you choose to purchase through the link. 
This said, I only recommend products I use myself and/or trust implicitly. This site happens to be hosted on SiteGround right now!

Gotta Question?
I have answers!

I'd love to hear from you if you have questions about a theme, would like a custom design, or need technical assistance! Aw heck, I'd love to hear from you even if you just wanna chat.

Interested in more by Masselyn
Themes & Templates?
Visit my Studio Store for the full collection & save 10% with code BIZ21

We Love Paper Art

We know you will love our owner’s custom origami kits.  You’ll set a free set if you sign up for our newsletter.

THEORY

Place some custom wording here that brings attention to a service you offer.

Subscribe To My newsletter

Creative entrepreneurs, bloggers and crafty small business owners

LET'S GET STARTED!

Subscribe To My newsletter

Get notified about new themes, updates and services.

RELAX. ENJOY.

keep calm
& write us