<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="col-sm-12"> <div class="row"> <div class="panel-body nusafiction" style="background-image: url(http://nusasurfwear.com/images/nusafiction.jpg);background-repeat: no-repeat;" style="padding:10px; 0px 10px 0px"> <div class="col-sm-12 nusa-article"> <?php query_posts('cat=10&showposts=5'); if (have_posts()) { while (have_posts()) { the_post(); ?> <div class="col-sm-12"> <div class="row"> <h5 class="nusa-arts"> <a href="<?php the_permalink(); ?>"> <i class="fa fa-angle-right"></i> <?php the_title(); ?></a> - <?php the_time('F j, Y');?> - <i href="<?php comments_link(); ?>"><i class="fa fa-comment"></i> <?php comments_number( '0', '1', '%' ); ?> Comments </i> - <span class="posted-on"><i class="fa fa-thumbs-up"></i> <?php echo GetWtiLikeCount($post->ID) ?> Likes</span></h5> </div> </div> <?php } // end while loop } // end if wp_reset_query(); ?> </div> </div> </div> </div><!-- /.col-sm-4 --> </div> </div>

#div2{ background:url(http://nusasurfwear.com/images/nusafiction.jpg)top center no-repeat; height:900px; width:600px; border: 1px solid red; }