nikkikaysangil
asked 11 years ago

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!

1 Answers
DominicStaff
answered 11 years ago

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

Powered by DW Question & Answer Pro