Sidebar request visitor guide proper CSS block, instead of image

diff --git a/scss/_sidebar.scss b/scss/_sidebar.scss
index 9549fb8..41e47aa 100644 (file)
--- a/scss/_sidebar.scss
+++ b/scss/_sidebar.scss
@@ -195,4 +195,24 @@ a#calendar-link {
 }
 .current_page_item a {
     font-weight: bold;
+}
+#visitors-guide-wrapper {
+    position: relative;
+}
+.visitor-view-order {
+    width: 110px;
+    height: 25px;
+    position: absolute;
+    bottom: 60px;
+    left: 70px;
+    background-color: #FFC742;
+    box-shadow: 3px 3px 2px lightgrey;
+    text-align: center;
+    a {
+        color: white;
+        font-family: arial;
+        font-style: normal;
+        font-size: 12px;
+        font-weight: bold;
+    }
 }
\ No newline at end of file

diff --git a/sidebar.php b/sidebar.php
index 9be58f2..64b87ba 100644 (file)
--- a/sidebar.php
+++ b/sidebar.php
@@ -7,7 +7,14 @@
                                     <?php if($eventsPage):?>
                                     <a id="calendar-link" href="<?php echo get_page_link($eventsPage->ID);?>"><img alt="View all events" src="<?php bloginfo('template_url'); ?>/assets/view-all-events-button.png"></a>
                                     <?php endif;?>
-                                    <a href="<?php echo get_page_link($visitorguidePage->ID);?>"><img alt="Visitor Guide" src="<?php bloginfo('template_url'); ?>/assets/request_visitors_guide_2015.png"></a>
+                                    <div id="visitors-guide-wrapper">
+                                        <?php $visitorguidePage = get_page_by_path("visitors/visitors-guide-request"); ?>
+                                        <img alt="Visitor Guide" src="<?php bloginfo('template_url'); ?>/assets/request_visitors_guide_2015.png" href="<?php echo get_page_link($visitorguidePage->ID);?>">
+                                        <div class="visitor-view-order">
+                                            <a href="http://www.harborhouse.com/digital/mtpleasantvisitorsguide.htm" target="_blank">VIEW</a>
+                                            <a href="<?php echo get_page_link($visitorguidePage->ID);?>" target="_blank">ORDER</a>
+                                        </div> 
+                                    </div>
                                     <a class="nf-modal-link" rel="nf-modal:open" href="#ninja-forms-modal-5"><img alt="Newsletter Signup" src="<?php bloginfo('template_url'); ?>/assets/signup.png"></a>
                                 </div>
                             </div>
\ No newline at end of file