DW ONE PAGE MODERN WORDPRESS THEME – Introducing Page Icon Problem
Hi,
I purchased and installed this theme on wordpress. I was successful installing the theme, and I was playing around with the content from reading
forums and right now I got stucked. I encountered a problem on the INTRODUCING PAGE. I have edited the wordings of this page
and when I saved it, the 3 icons disappeared. I wonder why this happened?
I have read around the forums and it was helpful but wonder why it is only showing one icon here:
Please take a look at my site now, where I encountered this: http://soundkraftmediaprod.com/#introducing
I want 3 different icons to be displayed here, same as what shown on your demo.
I also want to change the HEADLINE: SIMPLICITY IS SIMPLE and the wordings on it. Plus the VIEW OUR WORKS TEXT ON THE MAIN ACTION BUTTON. How do I do all these.
Hope you can help. Thanks!
Firstly, log in to Dashboard > Page > Introducing >. Copy the following code and paste in the “INTRODUCING” page.
See the screenshot: http://imgur.com/kR1D3mT
<div class="introducing">
<div class="span4 block">
<div class="section-img">
<i class="icon-tpl-design"></i>
</div>
<h2 class="section-content-title">Title</h2>
<div class="content">
<p>
Content
</p>
</div>
</div>
<div class="span4 block">
<div class="section-img">
<i class="icon-tpl-spaceship"></i>
</div>
<h2 class="section-content-title">Title </h2>
<div class="content">
<p>
Content
</p>
</div>
</div>
<div class="span4 block">
<div class="section-img">
<i class="icon-tpl-galaxy"></i>
</div>
<h2 class="section-content-title">Title</h2>
<div class="content">
<p>
Content
</p>
</div>
</div>
</div>
Next, To change icon in the “introducing” page, you can open the style.css file in the folder path “wp-content\themes\dw-page-modern” add the following code.
also, you need to change the title your image here: ” Icon-1.JPG ”
.icon-tpl-design {
background: url(assets/img/Icon-1.JPG);
}
.icon-tpl-spaceship {
background: url(assets/img/Icon-2.JPG);
}
.icon-tpl-galaxy {
background: url(assets/img/Icon-3.JPG);
}
and you need to change the position your image, open the template.css file in the folder path “\wp-content\themes\dw-page\assets\css” / line 5448 – 5454. Just need to change the number.
.icon-tpl-design {
background-position: 0 0;
}
.icon-tpl-spaceship {
background-position: -60px 0;
}
.icon-tpl-galaxy {
background-position: -120px 0;
}
– To change the HEADLINE: SIMPLICITY IS SIMPLE and the wordings on it. Plus the VIEW OUR WORKS. you can log in to Dashboard > Pages > Home.
see the screenshot: http://imgur.com/K6pMvJk
Please don’t hesitate to contact us if you have further questions.
Hope this help !
Regards,
Dominic
Please login or Register to submit your answer