padding: 10px;
text-align: center; }
+.dlNow {
+ display: block;
+ width: 60%;
+ overflow: hidden;
+ margin: 0 20% 0 20%;
+ padding: 3px;
+ font-size: 10px;
+ font-weight: bold;
+ background: #221F73;
+ color: #FFF;
+ text-transform: uppercase;
+ text-align: center;
+ border: 1px solid #FFF;
+ border-radius: 4px;
+ text-decoration: none; }
+
+.dlNow:hover {
+ background: #990000; }
+ .dlNow:hover:a {
+ text-decoration: none; }
+
#lens {
border-bottom: 5px solid #57b649;
width: 100%; }
<div class="small-12 medium-6 large-3 columns guide">
<a href="<?php bloginfo('stylesheet_directory'); ?>/assets/guide_coolthings_2015.pdf">
<img src="<?php bloginfo('stylesheet_directory'); ?>/assets/guide_coolthings-2015.jpg">
+ <span class="dlNow" id="269_dl">
+ Download Now
+ </span>
</a>
</div>
<div class="small-12 medium-6 large-3 columns guide">
<a href="<?php bloginfo('stylesheet_directory'); ?>/assets/Winter Calendar of Events.pdf">
<img src="<?php bloginfo('stylesheet_directory'); ?>/assets/guide_events_winter_2015.jpg">
+ <span class="dlNow" id="winter_dl">
+ Download Now
+ </span>
</a>
</div>
<div class="small-12 medium-6 large-3 columns guide">
<a href="<?php bloginfo('stylesheet_directory'); ?>/assets/guide_spirit_fall_2015.pdf">
<img src="<?php bloginfo('stylesheet_directory'); ?>/assets/guide_spirit_fall_2015.jpg">
+ <span class="dlNow" id="fall_dl">
+ Download Now
+ </span>
</a>
</div>
<div class="small-12 medium-6 large-3 columns guide">
<a href="<?php bloginfo('stylesheet_directory'); ?>/assets/guide_dine_2016.pdf">
<img src="<?php bloginfo('stylesheet_directory'); ?>/assets/guide_dine-2015.jpg">
+ <span class="dlNow" id="dine_dl">
+ Download Now
+ </span>
</a>
</div>
</div>
<p>Recent Posts</p>
<ul>
<?php
- $args = array( 'numberposts' => '5' );
+ $args = array( 'numberposts' => '5', 'post_status' => 'publish' );
$recent_posts = wp_get_recent_posts( $args );
foreach( $recent_posts as $recent ){
- if(get_post_status($recent["ID"]) != "draft"){
echo '<li><a href="' . get_permalink($recent["ID"]) . '">' . $recent["post_title"].'</a> </li> ';
- }
}
?>
</ul>
.guide{
padding: 10px;
text-align: center;
+}
+.dlNow{
+ display: block;
+ width: 60%;
+ overflow: hidden;
+ margin: 0 20% 0 20%;
+ padding: 3px;
+ font-size: 10px;
+ font-weight: bold;
+ background: #221F73;
+ color: #FFF;
+ text-transform: uppercase;
+ text-align: center;
+ border: 1px solid #FFF;
+ border-radius: 4px;
+ text-decoration: none;
+}
+.dlNow:hover{
+ background: rgb(153, 0, 0);
+ &:a{
+ text-decoration: none;
+ }
}
\ No newline at end of file