Adding the widget for the houzz

diff --git a/css/styles.css b/css/styles.css
index 1deb94b..c5d2fd1 100644 (file)
--- a/css/styles.css
+++ b/css/styles.css
@@ -502,7 +502,7 @@ img.alignleft {
     display: inline;
     }
 img.alignleft, img.alignright, img.aligncenter, div.wp-caption img {
-    border: 1px solid #b1b3b5;
+    border: 2px solid #b1b3b5;
 }
 
 .alignright {

diff --git a/front-page.php b/front-page.php
index f987eed..9949ff7 100644 (file)
--- a/front-page.php
+++ b/front-page.php
@@ -63,7 +63,6 @@
                 <a class="title-pages">Build With Confidence</a>
             </div>
             <div class="blog-excerpt-div cycle-slideshow" id="blog_wrapper"
-
                 data-cycle-fx="scrollHorz"
                 data-cycle-slides="> div"
                 data-cycle-timeout="2000"
@@ -94,7 +93,27 @@ foreach($lastposts as $post) : setup_postdata($post); ?>
             <div class="title_space-b">
             <a class="title-pages">Find Your Inspiration</a>
             </div>
-            <a href="#"><img src="<?php echo get_template_directory_uri(); ?>/assets/houzz.png"></a>
+            <style type='text/css'>
+                #hzroot2140431 div {width:100%;}
+                #hzfooter2140431 {line-height:normal;}
+                #hzfooter2140431 a {text-decoration:none;}
+                #hzfooter2140431 a:hover {text-decoration:underline;}
+                #hzexpand2140431 {display:none;width:290px !important;position:absolute;background-color:#222;border:1px solid #888;padding:4px;padding-top:8px;padding-bottom:8px;text-align:left;font-family: arial,sans-serif;font-size:11px;line-height:130%;z-index:100;}
+                #hzexpand2140431 div {color:#eee !important;text-align:left;font-family: arial,sans-serif;font-size:11px;line-height:130%;}
+                #hzexpand2140431 a {color:#ccc !important;text-decoration:none;}
+                #hzexpand2140431 a:hover {text-decoration:underline;}
+                #hzroot2140431 h3 {display:inline;margin:0;padding:0;font-weight:inherit;font-style:inherit;font-size:100%;}
+                #hzsection2140431 {margin-top:8px;}
+            </style>
+            <script type="text/javascript">
+                houzzBadge = function() {
+                    document.write('<'+'iframe style="background-color:#ffffff; border-color:#ffffff; border: 2px solid #b1b3b5;margin: 0;padding:0;" frameborder=0 marginwidth=0 marginheight=0 scrolling=no width="300" height="280" src="http://www.houzz.com/searchFWidget/width=300/type=browse/bgcolor=ffffff/fgcolor=000000/1416415380" '+'><'+'/iframe'+'>' ); }
+            </script>
+            <div style='width:300px;padding:0;border:0;margin:0;font-family:arial,verdana,sans-serif;font-size:12px;'>
+                <script type="text/javascript">
+                houzzBadge();
+                </script>
+            </div>
         </aside>
     </section>
     <div class="row">