Elementor Tidbits - You might find an answer to a ? that has stumped you while working with Elementor

Iceblink

First, please use the instructions offered below if you need assistance with getting started & customizing your new design.  If you can not find the answer in the articles below, I welcome you to open up a support ticket.

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