<div class=”span4 block”>
<div class=”section-img”><i class=”hide-text icon-tpl-design”>hide</i></div>
<h2 class=”section-content-title”>Graphic Design</h2>
<div class=”content”>Postkarten, Poster, Plakate, CD-Cov
1 Answers
Hello Manu !
To change icon in the Introducing page. Pleas do as the following. Step 1: Log in to Dashboard > Pages > Introducing then add the following code to the “Text” frame
<div class="span4 block">
<div class="section-img"><i class="hide-text icon-tpl-design">hide</i></div>
<h2 class="section-content-title">Web & UI Design</h2>
<div class="content">
Content
</div>
</div>
<div class="span4 block">
<div class="section-img"><i class="hide-text icon-tpl-spaceship">hide</i></div>
<h2 class="section-content-title">Corporate Design</h2>
<div class="content">
Content
</div>
</div>
<div class="span4 block">
<div class="section-img"><i class="hide-text icon-tpl-galaxy">hide</i></div>
<h2 class="section-content-title">iOS Development</h2>
<div class="content">
Content
</div>
</div>
Step2: Add your image to the MEDIA then copy file URL of the image. Step3: Add the following code to the style.css file
body .icon-tpl-design {
background-image: url('Your image link') !important;
}
body .icon-tpl-spaceship {
background-image: url('Your image link') !important;
}
body .icon-tpl-galaxy {
background-image: url('Your image link') !important;
}
Notice: Please change the File URL here: Your image link
Please login or Register to submit your answer