Question 1: How to change background color for the header navbar in the Mobile, Tablet device ?

You can add the following code to the style.css file:

.navbar-inverse .navbar-inner {
background: #12BEF1;
border-color: #c4c4c4;

@media (min-width: 980px) {
.navbar .nav {
background: #12BEF1;

.navbar .nav>li {
border-color: #fff;

.navbar .nav>li:hover, .navbar .nav>li:focus, .navbar .nav li[class*='current'] {
background: #12BEF1;

.navbar .navbar-search {
background: #12BEF1;
border-color: #c4c4c4;

.navbar .nav>li:hover[class*='icon']:before, .navbar .nav>li:focus[class*='icon']:before, .navbar .nav li[class*='current'][class*='icon']:before {
color: #ff4629;


.navbar-inverse .nav>li>a:focus, .navbar-inverse .nav>li>a:hover {
color: #111;
background: transparent;

.navbar .brand {
border-left-color: #fff;
border-right-color: #fff;

@media (max-width: 979px) {
.handheld-header {
background: #12BEF1;


Question 2: How to change the text below the footer section ?

Very simple, you can open the \wp-content\themes\dw-argo\inc\template-tags.php file, fine the line 191:

<div class="site-info">
<?php do_action( 'dw_credits' ); ?>
Copyright &copy; <?php echo date("Y") ?> by <a href="<?php echo site_url(); ?>"><?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?></a>.
<a href="<?php echo esc_url( __( '', 'dw-argo' ) ); ?>" title="<?php esc_attr_e( 'Semantic Personal Publishing Platform', 'dw-argo' ); ?>"><?php printf( __( 'Proudly powered by %s.', 'dw-argo' ), 'WordPress' ); ?></a>
<a href="<?php echo esc_url( __( '', 'dw-argo' ) ); ?>" rel="nofollow" title="<?php esc_attr_e( 'Responsive WordPress Themes', 'dw-argo' ); ?>"><?php printf( __( 'Theme by %s', 'dw-argo' ), 'DesignWall' ); ?></a>.


Question 3: How to make an Editor’s Pick page like our demo site?

Our demo site has a single post page with the special style as described below:

Post with special style

You can refer to the following link for futher checking

This isn’t the feature of the theme, the editor’s pick page on demo site is just an article with the following html code on each post:

<div class="pi">
<img class="size-full alignleft" src="" width="250" height="250" >
<h3 class="pi-title"><a href="#">Article Title...</a></h3>

Just copy the code snippet above, go to Dashboard >> Posts / Pages >> Add New, then paste it into the Text frame of the Editor.

Paste HTML snippet to editor

Like  the editor’s pick page, the live events page also used html code as shown below:

<blockquote class="bqi">
Description... <small>June 10, 2013 @ 10:32 am <cite>by Federighi</cite></small><i class="icon-play-circle"> </i></blockquote>

To change the icon for each block, just replace