Icons

[recoil]

I saw a page with this icons (look at picture) and I figure out how to change the stock icons to this ones,  however I can't find where I can see the set of icons, could someone please point me out to where I can look at them? Thank you.

 

 

[NemoPS]

It's the custom cms information block

<ul>
<li><em class="icon-truck" id="icon-truck"></em>
<div class="type-text">
<h3>Lorem Ipsum</h3>
<p>Lorem ipsum dolor sit amet conse ctetur voluptate velit esse cillum dolore eu</p>
</div>
</li>
<li><em class="icon-phone" id="icon-phone"></em>
<div class="type-text">
<h3>Dolor Sit Amet</h3>
<p>Lorem ipsum dolor sit amet conse ctetur voluptate velit esse cillum dolore eu</p>
</div>
</li>
<li><em class="icon-credit-card" id="icon-credit-card"></em>
<div class="type-text">
<h3>Ctetur Voluptate</h3>
<p>Lorem ipsum dolor sit amet conse ctetur voluptate velit esse cillum dolore eu</p>
</div>
</li>
</ul>

Then, those ems are styled in the global.css file to show icons instead of dots

Notice it's using the content property to assign a symbol, as they are not images

 

content: "\f0d1";

[recoil]

I see what you are saying, thank you very much Nemo I appreciate the help.

[skijump]

Is there a simple explanation of how to edit these icons.

 

I would like to add photos of the same size. Just call the image?

 

***************************************************************************

 

Update: Just a simple <img src=".png"> tag works.

Edited January 1, 2015 by skijump (see edit history)

[vekia]

that's right, you can replace these icons but in fact, you can't edit these icons.

these icons are fonts and are a part of font awesome icons pack.

 

anyway, replacement icon with own image: it is possible and i see that you already found solution :-)

[pierrejr12]

Is there a simple explanation of how to edit these icons.

 

I would like to add photos of the same size. Just call the image?

 

***************************************************************************

 

Update: Just a simple <img src=".png"> tag works.

Can you please explain to me where did you put that line of code? I'd like to do the same.

Thanks