Jump Start

Theme Blvd framework at its core
  • Home
  • Post List
  • Post Grid
    • Post Grid – 2 Columns
    • Post Grid – 3 Columns
    • Post Grid – 4 Columns
    • Post Grid – 5 Columns
  • Sidebar Layouts
    • Full Width Page
    • Sidebar Right
    • Sidebar Left
    • Double Sidebars
    • Double Right Sidebars
    • Double Left Sidebars
  • Sample Layouts
    • Business Homepage #1
    • Business Homepage #2
    • Business Homepage #3
    • Business Homepage #4
    • Classic Magazine #1
    • Classic Magazine #2
    • Design Agency
    • Portfolio Homepage
    • Showcase Blogger
  • Features
    • Bootstrap Integration
    • Contact Forms
    • Footer Options
    • Layout Builder
    • Lightbox Integration
    • Responsive Design
    • Shortcodes
      • Buttons
      • Columns
      • Components
      • Display Posts
      • Image Icons
      • Inline Elements
      • Lightbox
      • Sliders
        • Custom Sliders
        • Gallery Slider
        • Post Sliders
      • Tabs & Toggles
    • Slider Manager
    • Typography
    • Unlimited Sidebars
    • Vector Icon Integration
    • Widgets
  • Page Templates
    • Archives
    • Post List
    • Post Grid
    • Sitemap
    • Redirect
  • Home
  • Shortcodes
  • Image Icons

Image Icons

You can insert an image icon into your page, post, or layout builder element like this:

[icon image="name_of_icon" align="left"]

Options

Argument Default Description
image (required} None Name of icon, see below.
align left How to align icon image – left, right, center, none.
width 45 The width of the image.

Available Icons

accepted

add

app

arrow_down

arrow_down_green

arrow_left

arrow_left_green

arrow_right

arrow_right_green

arrow_up

arrow_up_green

beer

blue_speech_bubble

book

box

box_download

box_upload

camera

cancel

cd

circle_blue

circle_green

circle_orange

circle_red

clock

coffee

coffee_mug

comment

computer

cross

database

floppy_disk

folder

globe

heart

home

image

lightbulb

lock

lock_open

mail

mouse

navigate

newspaper

paper

paper_and_pencil

paper_content

paper_content_chart

paper_content_pencil

pencil

pie_chart

printer

questionmark

refresh

rss

search

smile_grin

smile_sad

spanner

speech_bubble

star

star_half

star_off

table

tabs

thumbs_down

thumbs_up

usb

user

users_two

warning

iphone

macbook

wordpress

html5

colors

support

google

analytics

billing

audio

movies

clipboard

bullseye

stop

monitor

news

calculator

direction

cart

megaphone

license

package

secure

award

mobile

Looking to add more icons?

This [icon] shortcode is really just a way for us to provide you with some icons out-of-the box with the theme. If you’re wanting to add icons for use in this shortcode, or even override some of the theme’s default ones, it’s quite easy.

In your Child theme’s main directory create a folder called “icons” and put any PNG icons you want in there.

So, for example, when you use [icon image=”example”] in your site, first the theme will look for:

Your Child Theme/icons/example.png

And then if this doesn’t exist, it will look for “example.png” within the Parent theme.

Additionally, if you’re comfortable with basic HTML, you really don’t even need to use this shortcode. The equivalent would be just to do this with HTML:

<img src="http://yoursite.com/wp-content/themes/{theme-name}/framework/assets/images/shortcodes/icons/{your-icon-name}.png" class="alignleft" />
  • Shortcodes
  • Buttons
  • Columns
  • Components
  • Display Posts
  • Image Icons
  • Inline Elements
  • Lightbox
  • Sliders
    • Custom Sliders
    • Gallery Slider
    • Post Sliders
  • Tabs & Toggles

From Twitter

  • My first big NPM published package is up! It's a front-end web framework I'll be using to replace Bootstrap in my W… https://t.co/hctj3YLBaR
    August 1, 2018

Recent Posts

  • The city is powering down for the night
  • Cheap cars can photograph well
  • I’m thinking a vacation is in order
  • There’s no one enjoying the sunset

Raw Content

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Get in Touch

  • 907-555-5555
  • you@youremail.com
  • Contact Us
  • YourSkypeName
    • Twitter
    • Facebook
    • Google+
    • Pinterest
    • Linkedin
    • RSS
(c) 2013 Jump Start - Powered by WordPress, Designed by Theme Blvd
  • Sitemap
  • Archives
  • Terms of Service