Show code only for first query

We are working on a site where the first query on archive is displayed featured.

<?php
  $firstonly = 0; // Set the variable to 0 so we can check for it later.
  if ( have_posts() ) : while ( have_posts() ) : the_post();
?>

  <h2><?php the_title(); ?></h2>
  <?php
    if ($firstonly < 1) { // Check if it's been displayed
      echo "Show only on First";
      $firstExcerpt++; // Changes the variable so that next time, it won't show
    };
  ?>

<?php endwhile; endif; ?>

Styling Checkbox

Make the checkbox on your form looks better:

HTML


<input type="checkbox" value="1">
<label for="00N90000008lvx1">Subscribe Me</label>

 

CSS


.checkboxoption input[type="checkbox"]{
display:none
}
.checkboxoption input[type="checkbox"]:checked + label:before {
content: "\2714";
font-weight: bold;
font-size: 24px;
line-height: 24px;
padding-top: 2px;
color: #fff;
}
.checkboxoption input[type="checkbox"]:checked label:before{
content: '';
border: 1px solid #fff;
vertical-align: middle;
width: 24px;
height: 24px;
padding: 2px;
margin-right: 10px;
text-align: center;
display: inline-flex;
align-items: center;
align-content: center;
}