manu77
asked 10 years ago

<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
DominicStaff
answered 10 years ago

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 &amp; 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

Powered by DW Question & Answer Pro