Widget/Module Styling Updates

Widget/Module Styling Updates

/* --------------- Default Site Callout Classes --------------- */
div.horizontal.callouts div.vertical div.diy-f-spot.callout1
div.diy-f-spot-inner div.widget-wrapper,
div.horizontal.callouts div.vertical div.diy-f-spot.callout2
div.diy-f-spot-inner div.widget-wrapper {
width:45% !important;
float:left !important;
}

@media screen and (max-width: 767px) {
div.horizontal.callouts div.vertical div.diy-f-spot.callout1
div.diy-f-spot-inner div.widget-wrapper,
div.horizontal.callouts div.vertical div.diy-f-spot.callout2
div.diy-f-spot-inner div.widget-wrapper {
width:auto !important;
float:left !important;
}
}

/* Payment Method Fixes */
ul.PaymentMethod_widget  label {display:none;}
li.checkboxPaymentMethod {margin: 0px 10px 0px 0px !important;}

/* Guestbook fixes */
.diy-guestbook-form input, .diy-guestbook-form textarea {
clear: left;
float: left;
}

.ypreviews {margin-bottom:30px;}

div.rss ul {
padding: 0;
}

li.adress-block-field {
margin-right: 2%;
width: 48%;
}

div#jobs-module ul {
margin: 0;
padding: 0;
}
div.Events_item {
padding: 0;
}
.facebook-like-box iframe {
max-width: 100%;
}

#FAQ_category_list li a,
#FAQ_category_list li a:visited {
width: auto;
}
Echo Functionality Fix

Remove #mysite on body in css: this was overriding the Websplanet CSS
when a user adds their own background image to a site.

Add div to #logo a: if the user changes the site title in the tool, the
logo is wrapped in a div, breaking the old template #logo a styling