custom CMS icons

[hainefaine]

How can I change the red  round icons from Custom CMS Block module? 

 

I found in the source code

------------------------------------------------------------

<ul>

<li><em class="icon-truck" id="icon-truck"></em>

<div class="type-text">

<h3>Transport gratuit pentru cumparaturi peste 500 lei</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>

------------------------------------------

where can I find a list with icons name??

Edited August 31, 2017 by hainefaine (see edit history)

[olkuznw]

1) open this block in module

2) in text area select tools -> source code

There you can find <em class="icon-truck" id="icon-truck"></em>,<em class="icon-phone" id="icon-phone">, <em class="icon-credit-card" id="icon-credit-card"></em> - they are responsive for this icons

[BonPresta]

Hello,

 

If you want to replace with new ones

You can find them here:

http://fontawesome.io/3.2.1/icons/

[hainefaine]

1) open this block in module

2) in text area select tools -> source code

There you can find <em class="icon-truck" id="icon-truck"></em>,<em class="icon-phone" id="icon-phone">, <em class="icon-credit-card" id="icon-credit-card"></em> - they are responsive for this icons

i want to change them but i dont know what kind of icons set is used.

[BonPresta]

i want to change them but i dont know what kind of icons set is used.

 

Icons fontawesome, version 3.2.1

 

find http://fontawesome.io/3.2.1/icons/

[hainefaine]

Icons fontawesome, version 3.2.1

 

find http://fontawesome.io/3.2.1/icons/

but how can i change the icons size?

[BonPresta]

but how can i change the icons size?

 

 

In the theme folder css in the file global.css

 

Need to find

 

#cmsinfo_block em {
    float: left;
    width: 60px;
    height: 60px;
    margin: 3px 10px 0 0;
    font-size: 30px;
    color: #fff;
    line-height: 60px;
    text-align: center;
    background: #6f6d6d;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px; }

And change - font-size: 30px;

[hainefaine]

 

In the theme folder css in the file global.css

 

Need to find

 

#cmsinfo_block em {
    float: left;
    width: 60px;
    height: 60px;
    margin: 3px 10px 0 0;
    font-size: 30px;
    color: #fff;
    line-height: 60px;
    text-align: center;
    background: #6f6d6d;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px; }

And change - font-size: 30px;

 

changed to 20px, saved, cleared browser cache but no effect