Mobirise Icons Extension | Video 20 of 27

Learn how to add Mobirise's icons extension to the Mobirise software. This is one video in a larger project teaching small business owners how to create a website from beginning idea to final publishing online.

More videos in this series and helpful resources: http://websitetutorial.highwaywebcons...

---

Closed Caption:

if you go to the extensions and things
you can see here that woman the
extensions is called icons and so you
can add vector ready icons and menus
buttons or you can use them instead of
images so i'm going to show you how to
in insert those today
well let's try up in the header first so
before when you click on it you have
many options and now if you have the
icons add-on if you buy it you purchase
it then you'll have the option here to
insert in that car I have to do is click
on that and then you come up with the
set of icons here and then you also have
a couple of options you can choose the
icon color you can see here changes the
color you use any color that you want
you can also choose a color it's not
available if you want to remove the
color i have just click this X here once
it's clear the color selection and the
icon size you can also choose to make it
a certain size can also type in a number
or you can just have it be automatically
size to the area that you want so let's
button just choose the icon here about a
heart and then we have a couple of
options we can remove it or insert the
icon
obviously we're putting it there so we
want to insert it and now we have an
icon up here now if you want to make
changes to it you click on the space
where it is
click insert icon lets say we want to
add a specific color too
we want to have a red heart and then we
click insert are coming in and then now
heart is red and it's in our menu up
here
it also had caused two buttons so if you
come down here you can see I can also
insert an icon here let's put this from
here and now i have a nice icon that
goes with the button itself and we can
also insert icons where there are images
so this is just the four-cross piece of
content here by columns and instead of
having this image you when i click on
and get the image i can insert a video
or i can insert an icon new so let's go
ahead and no list out let's clear the
set up and will choose Auto let's just
choose an image here it's a credit card
and you can also insert a link so that
whenever someone clicks this i found it
goes to a page so you can select the
page here or you can select an anchor so
that means it would when they click it
would go down the screen instead of
going to a whole new page will just
leave it as it is right now but i do
want to choose the color let's choose
green and then you can see that the icon
is in the color green and then we'll
insert the icon and now you can see our
icon is in there in place of the image
then now if you want to remove an icon
well here's another example down here so
instead of having a what was there
before was a smoky rise logo so instead
of having that logo we've actually
replaced it with an icon which is kinda
interesting and also you go to your logo
your main logo you can choose to upload
an image or you can choose to insert an
icon
let's say we want to insert this icon
here and then now instead of a local we
have an icon if you want to connect that
to your business name you can just show
the brand name in the header section and
then now you have your company name and
a nice logo and you can chose you can
choose a local sighs so let's say he
only wanted to be kind of small so you
can make that kind of small
there's a lot of different variations
and things that you can do with this you
can change the you can change the color
to auto which inserts a white icon know
you're bored and you can also choose a
just a different color random way to
take the icons off let's go to reset
this will take the name all and then in
order to reset this back to our logo
we've chosen the icon we just need to go
back and choose an image or images still
kind of loaded up there
so what we'll do is we'll click OK and
then brings argument back you can click
here going to insert icon and instead of
inserting we're going to remove so we
can take that off and then you can just
go through each of the different areas
and you can remove the icons same thing
here so instead of adding an eye on we
could go back and put a video or we can
put our original image and the same
thing down here so we can just click on
the image and this is our original image
and then now it's all back to normal
so that's how to insert and modify and
remove the motorized icons there there
vector icons so that means that whenever
whenever the screen goes down like this
for bubble and those are
guns are also going to they're going to
shrink and grow according to the size of
the screen and they're also not going to
lose resolution so they're very nice to
have and I believe a dorm is about nine
or ten dollars and so it's a nice little
addition especially if you're going to
be creating an extensive website or are
many websites don't want you by the
extension you have it on your computer
so that is using icons and I'll see you
for the next video