HTML для этого ....пытается заменить фа удивительный значок с IMG
<!-- Services -->
<section id="services" class="row color" data-scroll-factor="0.7">
<div class="col-md-10 col-md-offset-1">
<div class="icon"><i class="fa fa-desktop"></i></div>
<h1>Services</h1>
<div class="section-content">
<p>Vibe Music Therapy provides music therapy interventions to a wide range of healthcare settings.<br>There are also a range or corporate CPD based training events that Vibe also get involved with.<br>Click on one of the relevent icons below to find about how we provide music therapy to the people we work with.</p>
<div class="row">
<div class="col-md-4 service">
<div class="icon service-icon animate-zoom"><i class="fa fa-vibe"></i></div>
<h3></h3>
<p></p>
</div>
<div class="col-md-4 service">
<div class="icon service-icon animate-zoom"><i class="fa fa-briefcase"></i></div>
<h3></h3>
<p><br></p>
</div>
<div class="col-md-4 service">
<div class="icon service-icon animate-zoom"><i class="fa fa-users"></i></div>
<h3></h3>
<p></p>
</div>
</div>
</div>
</div><!-- End of .col-md-10 -->
</section><!-- End of Services -->
... и CSS для секции ...
// Section: Services
&#services {
.service {
h3 {
font-weight: @titleTextFontWeight;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 18px;
}
p {
font-size: 14px;
}
}
i.fa-vibe {
content:url(\http://your-website/link-to-image.png);
}
}
Так как вы можете видеть, я я пытаюсь заменить fa awesome icon с img, называемым fa-vibe, определенным в css. Кажется, он не работает, хотя просто ничего не показывает на своем месте, кто-то может помочь.
Это не код CSS. Я думаю, что это МЕНЬШЕ, но я не совсем уверен. –
правильный, мой плохой – havingagoatit