4 replies [Last post]
moonspoonyum
moonspoonyum's picture
Offline
newbie
Last seen: 1 year 6 weeks ago
Timezone: GMT-7
Joined: 2016-10-02
Posts: 2
Points: 3

Hi, everyone! I am new here and new to CSS!

I currently edit my website ( http://www.moonandspoonandyum.com/ ) with Weebly Pro. I recently used a Weebly CSS tutorial to try and edit the width of my blog sidebar ( http://www.moonandspoonandyum.com/blog ) so it would accommodate 300x600 ads, and not only did it not widen, I also somehow created a black strip on right side of page, as well as an unnecessary horizontal toolbar. I have tried everything to try and fix it all on my own, but am finally going bonkers! I essentially am just trying to have the blog content and blog sidebar content fit comfortably and accommodate the ad tags I already have in place (which now have unneeded scrollbars, too!). I would SO very much appreciate your help in getting my site back to acceptable working order! I have asked on other forums and reached out to Weebly to no avail. Please let me know if you need any more info, and THANK YOU!

Here is what I have currently:

/* Resets
--------------------------------------------------------------------------------*/
*,
*:after,
*:before {
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}

ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote,
fieldset, input {
margin: 0;
padding: 0;
}

a img {
border: 0;
}

a {
text-decoration: none;
}

a:focus {
outline:0;
}

a:hover,
a:active {
outline:0;
}

input:focus {
outline:0;
}

/* Fonts
--------------------------------------------------------------------------------*/

@import url('//fonts.googleapis.com/css?family=Roboto+Condensed');

@font-face {
font-family: 'icons';
src:url('images/icons.eot?-h6wei0');
src:url('images/icons.eot?#iefix-h6wei0') format('embedded-opentype'),
url('images/icons.woff?-h6wei0') format('woff'),
url('images/icons.ttf?-h6wei0') format('truetype'),
url('images/icons.svg?-h6wei0#icons') format('svg');
font-weight: normal;
font-style: normal;
}

/* OFF Set Menu
--------------------------------------------------------------------------------*/

#nav, #wsite-mini-cart.overlay, #search {
/* critical sizing and position styles */
width: 100% !important;
height: 100% !important;
padding: 100px 0 !important;
position: fixed;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
box-sizing: border-box !important;
/* non-critical appearance styles */
list-style: none;
background: #050505 !important;
text-align: center !important;
overflow-x: hidden;
}

#wsite-mini-cart.overlay {
/* critical sizing and position styles */
position: fixed !important;
display: block !important;
border: none !important;
}

#wsite-mini-cart.overlay * {
color: #ffffff !important;
font-family: 'Source Sans Pro', sans-serif !important;
font-weight: normal !important;
font-size: 1em !important;
opacity: 1 !important;
}

#wsite-mini-cart .wsite-subtotal-wrapper {
display: block;
padding: 10px 0;
width: 100%;
text-align: right;
}

#wsite-mini-cart .wsite-button-wrapper {
float: right;
}

#wsite-mini-cart:before {
content: 'SHOPPING CART' !important;
font-size: 2em !important;
font-weight: bold !important;
padding: 0 !important;
display: block !important;
position: relative !important;
top: 0 !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
margin: 0 !important;
border: none !important;
width: auto !important;
height: auto !important;
color: #fff !important;
}

.wsite-product-list, .wsite-cart-bottom {
max-width: 1180px;
margin: 0 auto;
}

.wsite-cart-contents .wsite-product-list, .wsite-product-item {
border-color: #2a2a2a !important;
}

.cart-notice {
display: none;
position: fixed;
width: 70px;
padding: 7px 5px;
margin-top: 10px;
margin-left: -25px;
background-color: #825589;
color: #000;
text-align: center;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
line-height: 1.25;
}

.cart-notice:after {
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: transparent;
border-bottom-color: #825589;
border-width: 6px;
margin-left: -6px;
}

@media(min-width: 1200px){
#wsite-mini-cart .wsite-product-list .wsite-list-image-container {
width: 100px !important;
height: 100px !important;
}
#footer-wrap .wsite-footer {
padding-left: 0;
padding-right: 0;
}
}

.wsite-product-list {
margin-top: 75px;
}

#navcontainer {
position: relative;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
height: 100%;
}

/* Site Wrapper - Everything that isn't navigation */

#site-wrap {
/* Critical position and size styles */
width: 100%;
overflow-x: hidden;
min-height: 100%;
background-color: inherit; /* Needs a background or else the nav will show through */
position: relative;
-webkit-overflow-scrolling: touch;
}

.overlay {
opacity: 0 !important;
z-index: 0 !important;
-webkit-transition: all .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
-ms-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}

.overlay.open {
opacity: 1 !important;
z-index: 10 !important;
}

/* Nav Trigger */
.nav-trigger, .nav-trigger:active {
position: absolute;
clip: rect(0, 0, 0, 0);
outline: none;
border: none;
display: none;
}

.spacer {
display:table-cell;
min-width: 66px;
position: relative;
vertical-align: middle;
}

body.w-navpane-is-forced .spacer {
min-width: 74px;
}

#header-wrap .hamburger {
position: relative;
padding: 23px;
z-index: 2;
cursor: pointer;
font-size: 12px;
border-left:1px solid #2a2a2a;
border-right:1px solid #2a2a2a;
text-align: center;
}

body.w-navpane-is-forced .hamburger {
display: block;
}

#header-wrap .hamburger span {
display:block;
text-transform:uppercase;
background: url(images/menu-trigger-v7.png) no-repeat center top;
background-size: contain;
width: 26px;
height: 24px;
}

#site-wrap, #nav, #wsite-mini-cart {
-webkit-transition: all .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
-ms-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}

#header-wrap .wsite-search input {
display: none !important;
}

/* General Styling and Structure
--------------------------------------------------------------------------------*/

html{
height: 100%;
}

body {
width: 100%;
height: 100%;
font-family: 'Source Sans Pro', sans-serif;
font-size: 16px;
line-height: 24px;
color: #606060;
background: #1a1a1a;
}

.container, .wsite-footer {
margin: 0 auto;
max-width: 1180px;
padding: 2.25em;
box-sizing: border-box;
}

.wsite-footer {
padding: 4em 2.25em;
}

#banner-wrap,
#main-wrap,
#content-wrap {
width:100%;
overflow:hidden;
}

#footer-wrap
{
width:100%;
}

#content-wrap {
background:#efefef;
}

#content-wrap, #splash-wrap {
position: relative;
z-index: 2;
}

a {
color: #825589;
-webkit-transition: all .33s ease-in-out;
-moz-transition: all .33s ease-in-out;
-ms-transition: all .33s ease-in-out;
-o-transition: all .33s ease-in-out;
transition: all .33s ease-in-out;
}

.paragraph a:hover {
color: #fff;
background-color: #825589;
text-decoration:none;
}

h2 {
font-size: 1.25em;
margin: 0 auto 1em;
line-height: 1.2;
letter-spacing:1;
font-weight: normal;
color: #000000;
text-transform:uppercase;
font-family: 'Raleway', sans-serif;
font-weight:700;
}

p, .paragraph {
font-family: 'Source Sans Pro', sans-serif;
font-size: 1em;
line-height: 1.75;
color: #606060;
margin: 0 auto 1em;
}

blockquote {
background: url(images/quote-left.png) no-repeat top left;
font-size: 16px;
line-height: 24px;
color: #606060;
font-weight: normal;
font-style:italic;
padding: 0em 2em 0 3em !important;
margin: 2em 0 !important;
border-left: 0px !important;
}

hr.styled-hr {
background:#e5e5e5;
}

div#content {min-height:400px;}

a:focus { outline:0; }
a:hover,
a:active { outline:0; }
input:focus { outline:0; }

/* Header
--------------------------------------------------------------------------------*/

#header-wrap {
position: fixed;
width:100%;
top: 0;
left: 0;
background:#1a1a1a;
z-index: 3;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

body.wsite-native-mobile-editor #header-wrap,
body.wsite-checkout-page #header-wrap {
position: absolute;
}

#header-wrap .container {
display: table;
position:relative;
overflow:hidden;
width: 100%;
height: 60px;
padding: 0;
}

body.w-navpane-is-forced #header-wrap .container {
height: 80px;
}

#logo {
display: table-cell;
width: 100%;
vertical-align: middle;
position: relative;
box-sizing:border-box;
line-height:1;
text-align: center;
}

#logo #wsite-title {
color:#fff;
text-transform:uppercase;
font-size: 25px;
line-height:1;
font-family: 'Raleway', sans-serif;
font-weight:700;
letter-spacing: 3px;
}

body.w-navpane-is-forced #logo #wsite-title {
font-size: 30px;
}

#logo .wsite-logo a:hover {
background-color:transparent;
}

.wsite-logo a, #wsite-title {
display: inline-block;
}

#nav .wsite-social {
text-align: center !important;
}

.wsite-logo img {
margin: 0 !important;
max-width: 100% !important;
max-height: 50px;
}

/* Overlay
--------------------------------------------------------------------------------*/

#close-overlay {
position: fixed;
width: 100%;
opacity: 0 !important;
z-index: 0 !important;
-webkit-transition: all .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
-ms-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}

#close-overlay:hover, #close-overlay:active {
background: none;
}

#close-overlay.visible {
opacity: 1 !important;
z-index: 11 !important;
}

#close-overlay span {
display: block;
text-align: right;
padding: 0;
}

#close-overlay span:before {
content: "\e600";
display: block;
font-family: 'icons';
font-size: 1.35em;
color: #825589;
text-indent: 0;
text-align: right;
padding: 20px;
line-height: 1.2;
}

body.w-navpane-is-forced #close-overlay span:before {
font-size: 1.65em;
padding: 25px;
}

/* Header: Search Box
--------------------------------------------------------------------------------*/

#header-wrap .wsite-search, .wsite-nav-cart {
display: block;
padding: 20px;
box-sizing: border-box;
border-left: 1px solid #2a2a2a;
}

#header-wrap .wsite-search {
border-left: 1px solid #2a2a2a;
}

body.w-navpane-is-forced #header-wrap .wsite-search,
body.w-navpane-is-forced .wsite-nav-cart {
padding: 24px;
}

#header-wrap .container .wsite-search,
.wsite-nav-cart {
border-right:1px solid #2a2a2a;
}

.wsite-nav-cart {
padding: 15px;
}

#header-wrap .wsite-search-button {
width: 20px;
height: 20px;
background: url(images/search-icon-v7.png) no-repeat center center;
display: block;
background-size: cover;
}

body.w-navpane-is-forced #header-wrap .wsite-search-button {
width: 24px;
height: 24px;
}

#wsite-nav-cart-a, #wsite-nav-cart-a:hover, #wsite-nav-cart-a:active {
position: relative;
display: block;
width: 30px;
height: 26px;
text-indent: -9999px;
margin: 0 auto;
background: none;
overflow-y: hidden;
}

#wsite-nav-cart-num {
font-family: arial;
font-size: 11px;
color: #000;
display: block;
position: absolute;
width: 100%;
box-sizing: border-box;
padding-left: 6px;
line-height: 1;
text-indent: 0;
top: 4px;
text-align: center;
}

#wsite-nav-cart-a:before {
position: absolute;
top: 0;
left: 0;
content: "\e601";
font-family: 'icons';
font-size: 32px;
color: #825589;
text-indent: 0;
}

#wsite-header-search-form {
position:relative;
}

#search .wsite-search-input {
width: 500px;
height: 60px;
border: 1px solid #e5e5e5;
padding: 12px 50px 12px 20px!important;
font-family: 'Source Sans Pro', sans-serif;
font-size:16px;
color: #606060;
box-sizing: border-box ;
background: #f8f8f8;
}

#search .wsite-search-button {
position: absolute;
width: 20px;
height: 20px;
background: #f8f8f8 url(images/search-icon-v7.png) no-repeat center center;
background-size: cover;
right:20px;
top:20px;
border: none;
text-indent: -9999px;
}

#search h2 {
color:#fff;
font-size:36px;
margin-top: 6%;
margin-bottom:60px;
}

/* Social Links
--------------------------------------------------------------------------------*/

.wsite-social {
white-space: inherit !important;
}

.wsite-social-item {
display: inline-block;
color: #9d9d9d;
padding: 5px;
font-size: 1em;
margin: 0 3px 6px;
}

.wsite-social-item:hover {
color: #825589;
}

#main-wrap .wsite-social-item {
color: #fff;
background: #825589;
padding: 5px 7px;
}

#main-wrap .wsite-social-item:hover {
color: #fff;
background: #68416e;
}

/* Navigation
--------------------------------------------------------------------------------*/

#nav-home {
display:block;
position:absolute;
top:38px;
left:30px;
cursor:pointer;
text-transform: uppercase;
font-size: 13px;
}

#nav-home span {
display: inline-block;
width: 32px;
height: 18px;
vertical-align: bottom;
background:url(images/header-icon-1-mobile.png) no-repeat left center;
}

#close-nav {
position: absolute;
left: 0;
top: 0;
display: block;
width:100%;
background:#1a1a1a;
height:90px;
}

#close-nav label {
display:block;
position:absolute;
width:42px;
height:42px;
top:25px;
right:30px;
border: 1px solid #cecece;
background: url(images/menu-slideout-close-bg.png) no-repeat center center;
background-size: 100% 100%;
cursor:pointer;
}

#nav ul {
list-style: none;
background:#050505;
}

.nav ul li {
list-style: none;
}

.nav ul li a,
#wsite-menus .wsite-menu li a {
display: block;
color: #9d9d9d;
text-decoration: none;
text-transform:uppercase;
padding: 15px 30px;
border: 0;
outline: 0;
list-style-type: none;
font-size: 1.25em;
line-height: 1.25;
letter-spacing: 0.35px;
font-weight:600;
font-family: 'Source Sans Pro', sans-serif;
}

.nav ul li#active a,
#wsite-menus .wsite-menu li a {
color: #825589;
}

.nav ul li a:hover,
#wsite-menus .wsite-menu li a:hover {
color: #fff !important;
background-color: #825589;
border: 0;
}

#nav .wsite-social {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: #171717;
}

#nav .wsite-social {
padding: 1em 13px;
box-sizing: border-box;
}

.w-navlist {
width: 100%;
font-size: 0;
text-align: center;
border-top: 1px solid #2a2a2a;
}

.w-navlist .wsite-menu-default {
max-width: 1180px;
margin: 0 auto;
}

.w-navlist .wsite-menu-default li {
display: inline-block;
}

.w-navlist .wsite-menu-default li a,
#wsite-menus .wsite-menu li a {
color: #fff;
background: #1a1a1a;
padding: 15px 20px;
font-size: 16px;
font-weight: 400;
}

#wsite-menus .wsite-menu span.wsite-menu-title {
padding: 0;
}

/* Navigation Submenu's
--------------------------------------------------------------------------------*/

.wsite-menu-title, .wsite-menu-back {
display: inline-block !important;
}

.wsite-menu-back-item a {
font-weight: bold !important;
color: #fff !important;
}

.wsite-menu-arrow {
font-size: 0;
margin-left: 10px;
}

.wsite-menu-arrow {
display: none;
}

.wsite-menu-mobile-arrow {
display: inline-block !important;
font-size: inherit !important;
padding: 0 5px;
margin-right: -25px;
}

.wsite-menu-mobile-arrow:before, .wsite-menu-arrow:before {
display: inline-block;
content: '\203A';
vertical-align: bottom;
font-size: 20px;
}

.wsite-menu-back-item .wsite-menu-mobile-arrow:before {
content: '\2039' !important;
}

/* Universal banner
--------------------------------------------------------------------------------*/
#banner {
position:relative;
}

#banner-wrap .container {
padding: 0;
}

#banner .button-wrap {
display: inline-block;
}

#banner h2 {
margin: 10px auto;
}

/* Page type: Tall header
--------------------------------------------------------------------------------*/

.tall-header-fullwidth-page #banner {
background: #fff;
padding: 20px;
}

.tall-header-fullwidth-page #banner .wsite-background {
padding: 6em 1em;
background: url(images/banner-tall-v7.jpg) no-repeat center center;
background-size: cover;
}

.tall-header-fullwidth-page #banner h2 {
color: #000000;
font-size: 2em;
font-weight:700;
line-height:1;
padding: 0px;
text-transform: uppercase;
font-family: 'Raleway', sans-serif;
letter-spacing:1.6;
text-align: center;
}

/* Page type: Short header
--------------------------------------------------------------------------------*/

.short-header-fullwidth-page #banner {
background: #fff;
padding: 20px;
}

.short-header-fullwidth-page #banner .wsite-background {
padding: 4em 1em;
background: url(images/banner-short.jpg) no-repeat center center;
background-size: cover;
}

.short-header-fullwidth-page #banner h2 {
color: #000000;
font-size: 2em;
font-weight:700;
line-height:1;
padding: 0px;
text-transform:uppercase;
font-family: 'Raleway', sans-serif;
letter-spacing:1.6;
text-align: center;
}

/* Page type: Short header
--------------------------------------------------------------------------------*/

.title-fullwidth-page #banner {
background: #fff;
padding: 20px;
}

.title-fullwidth-page #banner .wsite-background {
padding: 5em 1em;
background: url(images/banner-title.jpg) no-repeat center center;
background-size: cover;
}

.title-fullwidth-page #banner h2 {
color: #fff;
font-size: 2em;
font-weight:700;
line-height:1;
padding: 0px;
text-transform:uppercase;
font-family: 'Raleway', sans-serif;
letter-spacing:1.6;
text-align: center;
}

.title-fullwidth-page #banner p {
color: #fff;
font-size: 16px;
font-weight:400;
line-height:26px;
margin: 0px auto;
text-align:center;
margin: 10px auto;
font-family: 'Source Sans Pro', sans-serif;
}

/* Page type: No header
--------------------------------------------------------------------------------*/

.no-header-fullwidth-page #main-wrap {
margin-top: 0;
}

/* Page type: Landing page
--------------------------------------------------------------------------------*/

.landing-fullwidth-page #banner {
background: #fff;
padding: 20px;
}

.landing-fullwidth-page #banner .wsite-background {
padding: 4em 1em;
background: url(images/banner-title.jpg) no-repeat center center /cover;
background-size: cover;
text-align: center;
}

.landing-fullwidth-page #banner h2 {
color: #fff;
font-size: 26px;
font-weight:700;
font-family: 'Raleway', sans-serif;
line-height:1;
padding: 0px;
text-transform:uppercase;
margin-bottom: 15px;
text-align: center;
}

.landing-fullwidth-page #banner p {
color: #fff;
font-size: 18px;
font-weight:400;
line-height:26px;
margin-bottom: 25px;
padding: 10px 0;
font-family: 'Source Sans Pro', sans-serif;
text-align: center;
}

.landing-fullwidth-page #banner p.pre-heading {
text-transform:uppercase;
letter-spacing:1.4px;
}

/* Main Content
--------------------------------------------------------------------------------*/
#content-wrap {
padding: 140px 0px 20px;
}

body.w-navpane-is-forced #content-wrap {
padding: 105px 0px 20px;
}

#main-wrap { margin-top:20px; }
#main-wrap .container {
max-width: 1000px;
margin: 0 auto;
}
background:#ffffff;
}

/* Gallery
--------------------------------------------------------------------------------*/
.galleryImageHolder .galleryCaptionInnerText {
font-size: 14px;
font-family: 'Roboto Condensed', sans-serif;
text-align:center;
line-height:26px;
letter-spacing;0.56px;
font-weight:400;
text-transform:uppercase;
position:relative;
padding-bottom: 20px;
}

.galleryImageHolder .galleryCaptionInnerText:before {
content:'+';
position:absolute;
width:16px;
height:16px;
line-height:1;
border-radius:3px;
background-color: #825589;
color: #383838;
text-align:center;
bottom: 0px;
left:50%;
margin-left: -8px;
font-size:16px;
font-family: 'Roboto Condensed', sans-serif;
letter-spacing:0px;
}

.partialImageGalleryCaption .galleryCaptionInnerText:before {
display: none !important;
}

html body .galleryImageBorder, html body a .galleryImageBorder {
padding: 0 !important;
}

.galleryImageHolder{
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}

.imageGallery:hover .galleryImageHolder{
opacity: 0.85;
}

.imageGallery .galleryImageHolder:hover{
opacity: 1;
}

.fancybox-opened .fancybox-skin {
box-shadow: 0px 4px 5px 0px rgba(1, 1, 1, 0.03);
}
.fancybox-skin {
background: #fff;
border-radius: 0;
text-shadow: none;
}

.fancybox-close {
background-image: url(images/close-gallery.png);
}

.fancybox-close {
right: -36px;
top: 0;
}

.wsite-image a:hover, .wsite-image a:active {
background: none !important;
}

/* Splash Page
--------------------------------------------------------------------------------*/
.splash-page #site-wrap.wsite-background {
background: url(images/splash-bg.jpg) no-repeat center center;
background-size:cover;
height:100%;
overflow: visible;
display: table;
}

body.splash-page #site-wrap.wsite-background {
background-attachment: fixed;
}

.splash-page #header-wrap {
margin-bottom:-105px;
}

.splash-page #splash-wrap {
display: table;
height: 100%;
vertical-align: middle;
width: 100%;
}

.splash-inner {
display: table-cell;
vertical-align:middle;
}

.splash-content {
width:620px;
padding:40px;
min-height:350px;
color:#606060;
text-align:center;
margin: 0 auto;
background:#fff;
box-sizing:border-box;
}

.splash-content .wsite-not-footer {
text-align:center !important;
}

.splash-content h2 {
font-size:30px;
color:#000;
letter-spacing:1.5;
font-weight:700;
margin-bottom:10px;
text-align:center;
font-family: 'Raleway', sans-serif;
}

.splash-content .paragraph {
margin-bottom:15px;
font-size: 20px;
line-height: 26px;
text-align:left;
font-family: 'Source Sans Pro', sans-serif;
}

.splash-page #footer-wrap {
display:none;
}

/* Storefront
----------------------------------------------------------------------------- */

/* Storefront tooltip fix */
#icontent #main-wrap {
overflow: visible;
}

.wsite-com-content {
padding: 0 !important;
}

.wsite-com-product-option-label {
margin-bottom: 9px;
overflow: hidden;
}

.wsite-com-link, .wsite-com-link .wsite-imageaspectratio-image-wrap, .wsite-com-link div {
text-transform: uppercase;
text-align: center;
transition: all 0.1s ease, border 0.1s ease;
}

.wsite-com-product-price {
text-align: center;
}

.wsite-com-link:hover div {
color: #fff;
background-color: #825589;
}

.wsite-com-link:hover .wsite-imageaspectratio-image-wrap {
background-color: rgba(26, 26, 26, 1);
}

#wsite-com-product-title {
font-weight: 700 !important;
font-size:24px;
font-family: 'Raleway', sans-serif;
}

#wsite-com-product-price-area {
border-bottom: 4px solid #efefef !important;
font-size: 20px !important;
font-weight: 700;
font-family: 'Source Sans Pro', sans-serif !important;
}

#wsite-com-product-options {
border-top: 4px solid #efefef;
padding-top:15px;
}

#wsite-com-product-quantity-input {
height: 29px !important;
}

#wsite-com-breadcrumbs.wsite-com-product-breadcrumbs, #wsite-com-breadcrumbs.wsite-com-category-breadcrumbs {
text-transform: uppercase;
}

#wsite-com-product-images-strip .wsite-com-product-images-secondary-outer {
border-radius: 0 !important;
box-shadow: none !important;
padding: 0 !important;
}

.wsite-com-category-subcategory-name-bg {
background-color: #f8f8f8;
opacity: 1;
}

.wsite-com-category-subcategory-image {
-webkit-backface-visibility: hidden;
-webkit-transform: translate(0, 0);
}

.wsite-com-category-subcategory-name-text {
color: #000;
font-size: 16px;
line-height: 24px;
padding: 16px 19px;
font-family: 'Raleway', sans-serif;
font-weight:700 !important;
text-align: center;
text-shadow: none;
letter-spacing;0.8px;
}

.wsite-com-category-product-image-wrap, .wsite-com-category-product-featured-image-wrap, .wsite-com-category-subcategory-image-wrap {
border: none;
}

#wsite-com-product-images-strip .wsite-com-product-images-secondary {
background-color: transparent;
border-radius: 0;
margin-right: 10px;
transition: background 0.1s ease, border 0.1s ease;
}

#wsite-com-product-images-strip .wsite-com-product-images-secondary:hover,
#wsite-com-product-images-strip .wsite-com-product-images-secondary:active{
border-top:5px solid #825589;
position:relative;
}

#wsite-com-product-images-strip .wsite-com-product-images-secondary:hover:after
#wsite-com-product-images-strip .wsite-com-product-images-secondary:active:after{
background: url(images/arrow-v1.jpg) no-repeat 0px 0px;
content: "";
height: 9px;
left: 43px;
position: absolute;
top: -13px;
width: 17px;
z-index: 10;
}

#wsite-com-product-images-strip .wsite-com-product-images-secondary-outer {
border-radius: 0;
box-shadow: none;
margin-right: 0;
padding: 3px;
}

#wsite-com-product-images-strip .wsite-com-product-images-secondary-outer {
border-radius: 0;
box-shadow: none;
margin-right: 0;
}

.wsite-imageaspectratio-image {
opacity: 0.9;
}

.wsite-com-category-product-name {
margin: 0;
padding: .25em;
}

/* Store Social Links
--------------------------------------------------------------------------------*/

/* Blog
--------------------------------------------------------------------------------*/
.blog-post {
margin-bottom:80px;
}

.blog-sidebar-separator {
padding: 0 0 0 10px;
}

.blog-post .blog-header h2.blog-title {
float: left;
letter-spacing:1.3;
width:75%;
font-size: 1.55em !important;
line-height: 1 !important;
}

.blog-post .blog-header {
margin-bottom: 0 !important;
}

.blog-post .blog-title a {
color:#000;
text-decoration:none;
display:block;
margin-bottom: 0 !important;
}

.blog-post .blog-header a:hover {
background-color:transparent !important;
}

#wsite-content .blog-post p.blog-date, #wsite-content .blog-post .blog-comments, #secondlist .blog-date, #secondlist .blog-comments {
font-size:16px !important;
line-height: 1 !important;
white-space: nowrap !important;
}

.blog-post .blog-date:before,
.blog-post .blog-comments:before {
content: '';
display: inline-block;
vertical-align: bottom;
width: 16px;
height: 16px;
background: url(images/icon-calendar.png) no-repeat center center;
background-size: contain;
margin-right: 5px;
}

.blog-post .blog-date > span {
display: inline-block;
background-size: auto 100%;
padding: 0 25px 0 0 !important;
float: none !important;
margin-bottom: 0 !important;
line-height: 1 !important;
}

.blog-post .blog-date .date-text {
margin: 0;
padding: 0;
}

.blog-post-separator {
display:none;
}

.blog-post .blog-comments {
padding: 0 !important;
}

.blog-post .blog-comments:before {
background: url(images/icon-comments.png) no-repeat left center;
background-size: contain;
}

.blog-post .blog-comments > a {
margin-bottom: 0px !important;
}

.blog-post .blog-comments a {
text-decoration:none;
line-height: 1;
display: inline-block;
white-space: nowrap;
}

.blog-post .blog-comments a:hover {
color: #825589;
}

.blog-post .blog-separator, .blog-post-separator {
border-bottom: 3px solid #efefef;
margin-bottom:13px !important;
}

.blog-post .blog-header {
width: 100%;
display: table;
margin-bottom:13px !important;
}

.blog-header .blog-title, .blog-header .blog-date, .blog-header .blog-comments {
float: none !important;
display: table-cell;
vertical-align: bottom;
}

.blog-post .blog-comments-bottom {
display: none;
}

.blog-sidebar h2 {
font-size:20px;
letter-spacing:1;
margin-bottom:5px !important;
}

.blog-sidebar a {
text-decoration:none;
}

.blogCommentReplyWrapper, .blogCommentSubreplyWrapper div.iframeWrapper, #commentPostDiv, .blogCommentReplyWrapper iframe {
height: 525px !important;
background: none !important;
border: none !important;
}

#commentPostDiv .field-checkbox label input { float: left; }

#commentPostDiv .field-checkbox label span {
display: block;
float: left;
padding-left: 8px;
padding-top: 7px;
}

.blog-button {
height: 40px;
line-height:40px;
display: inline-block;
padding: 0px 40px ;
background:#825589;
border:3px solid #825589;
text-transform: uppercase;
font-size:14px;
font-weight:400;
color: #fff !important;
font-family: 'Roboto Condensed', sans-serif;
letter-spacing:0.56;
}

.blog-button:hover {
background: #fff;
border:3px solid #825589;
color: #606060 !important;
}

.blog-button:active {
background: #68416e;
border:3px solid #68416e;
color: #fff !important;
}

.blog-button span {
background:none;
}

.blogCommentOptions .blog-button {
float: left;
text-transform: capitalize;
border:0px;
color:#825589 !important;
background:transparent url(images/icon-reply-v7.png) no-repeat 0px 15px;
padding: 0px 10px;
}

.blogCommentOptions .blog-button:active {
color: #68416e !important;
}

#commentAreaTitle {
font-size: 24px;
color: #606060;
}

#commentPostArea .field textarea {
font-family: 'Source Sans Pro', sans-serif !important;
font-size: 16px !important;
color: #606060 !important;
background: #fff !important;
border: 1px solid #e5e5e5 !important;
padding: 6px !important;
height: 49px !important;
line-height: 19px !important;
}

#commentPostArea .field input {
height: 29px !important;
line-height: 29px !important;
font-family: 'Source Sans Pro', sans-serif !important;
font-size: 16px !important;
color: #606060 !important;
background: #fff !important;
border: 1px solid #e5e5e5 !important;
padding: 6px !important;
box-sizing: border-box !important;
}

#commentPostArea .field textarea:focus, #commentPostArea .field input:focus {
background:#f8f8f8;
outline: none !important;
}

.blogCommentHeading .blogCommentHeadingInner, .blogCommentWrap, .blogCommentHeading, .blogCommentHeading .blogCommentAuthor {
background:none !important;
}

.blogCommentWrap {
display: block;
padding-left: 60px;
}

.blogCommentHeading {
margin:0px;
}

.blogCommentHeading .blogCommentAuthor span.name, .blogCommentHeading .blogCommentAuthor a.name {
color: #606060 !important;
font-size:16px;
text-transform: capitalize;
}

.blogCommentHeading .blogCommentDate {
color: #606060;
float: left;
font-size: 16px;
padding: 0 9px 0 15px;
text-align: left;
text-shadow: none;
font-family: 'Source Sans Pro', sans-serif;
}

.blogCommentText p {
font-size: 16px;
color: #606060;
font-weight:400;
margin-bottom:15px;
}

.blogCommentHeading, .blogCommentAuthor, .blogCommentText {
padding: 0 !important;
}

.blogCommentText {
margin-bottom: 15px;
}

/* Footer
--------------------------------------------------------------------------------*/

#footer-wrap {
position: relative;
font-size:14px;
line-height: 16px;
color:#fff;
font-weight:400;
background:#1a1a1a;
z-index: 2;
}

#footer-wrap h2 {
color: #fff;
}

#footer-wrap .paragraph {
color: #fff;
}

/* Footer Buttons
--------------------------------------------------------------------------------*/

/* Highlighted styles */
#footer-wrap .wsite-button-highlight,
.landing-fullwidth-page #banner .wsite-button-highlight {
background:#3d3d3d;
border:3px solid #3d3d3d;
color: #fff !important;
}

#footer-wrap .wsite-button-highlight:active,
.landing-fullwidth-page #banner .wsite-button-highlight:active {
background: #fff;
border:3px solid #3d3d3d;
color: #606060 !important;
}

#footer-wrap .wsite-button-highlight:hover,
.landing-fullwidth-page #banner .wsite-button-highlight:hover {
background: #252525;
border:3px solid #252525;
color: #fff !important;
}

/* Form Customization
--------------------------------------------------------------------------------*/

.formlist {
min-height: 0 !important;
}

.wsite-form-label {
display: inline-block;
margin-bottom: 5px;
}

.wsite-form-field {
padding-bottom: 10px;
}

.wsite-form-input, .wsite-search-element-input, select {
font-family: 'Source Sans Pro', sans-serif;
font-size: 16px;
color: #606060;
background: #fff;
border: 1px solid #e5e5e5;
padding: 6px !important;
min-height: 0;
outline: 0;
}

.wsite-form-input:focus, .wsite-search-element-input:focus, select:focus {
background-color:#f8f8f8;
border: 1px solid #e5e5e5;
}

select {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
height: 34px !important;
background: url(images/select-arrow-v7.png) no-repeat right center /contain;
border-radius: 0;
}

.wsite-form-field input[type='checkbox'],
.wsite-form-field input[type='radio'],
.wsite-com-product-option-label input[type='radio'] {
display: none !important;
}

.wsite-form-field input[type='checkbox'] + label:before,
.wsite-form-field input[type='radio'] + label:before,
.wsite-com-product-option-label input[type='radio'] + span:before {
content: '';
display: inline-block;
height: 20px;
width: 22px;
margin-right: 8px;
padding: 1px;
vertical-align: middle;
}

.wsite-form-field input[type='radio'] + label:before,
.wsite-com-product-option-label input[type='radio'] + span:before {
background: url(images/radio-v7.png) no-repeat center top;
}

.wsite-form-field input[type='checkbox'] + label:before {
background: transparent url(images/checkbox-v7.png) no-repeat center top;
}

.wsite-form-field input[type='radio']:checked + label:before,
.wsite-com-product-option-label input[type='radio']:checked + span:before,
.wsite-form-field input[type='checkbox']:checked + label:before {
background-position: center bottom;
}

/* Buttons
--------------------------------------------------------------------------------*/

/* Small structure & regular style */
.wsite-button,
.wsite-editor .wsite-button,
.wsite-button-highlight#wsite-com-minicart-checkout-button {
height: 34px;
display: inline-block;
padding: 0px 43px ;
background:#825589;
border:3px solid #825589;
text-transform: uppercase;
font-size:16px;
color: #fff !important;
transition: background 0.5s ease, border 0.5s ease;
background-image: none !important;
}

.wsite-button:active {
background: #fff;
border:3px solid #825589;
color: #606060 !important;
}

.wsite-button:hover {
background: #68416e;
border:3px solid #68416e;
color: #fff !important;
}

.wsite-button-inner {
color: #ffffff !important;
height: 34px !important;
line-height: 34px !important;
display: block;
padding: 0px !important;
background: none !important;
}

/* Large structure & regular style */
.wsite-button-large {
color: #fff !important;
height: 44px !important;
background: #825589;
font-size: 16px !important;
}

.wsite-button-large:active {
background: #fff;
border:3px solid #825589;
color: #606060 !important;
}

.wsite-button-large:hover {
background: #68416e;
border:3px solid #68416e;
color: #fff !important;
}

.wsite-button-large .wsite-button-inner {
height: 44px;
line-height:44px;
padding: 0px !important;
}

/* Highlighted styles */
.wsite-button-highlight,
.wsite-editor .wsite-button-highlight {
background:#1a1a1a;
border:3px solid #1a1a1a;
color: #fff !important;
}

.wsite-button-highlight:active {
background: #fff;
border:3px solid #1a1a1a;
color: #606060 !important;
}

.wsite-button-highlight:hover {
background: #252525;
border:3px solid #252525;
color: #fff !important;
}

#wsite-com-checkout-button{
background:#825589;
border-color:#825589;
}

/* Width: 1024
--------------------------------------------------------------------------------*/

@media (max-width : 1050px) {

#banner-wrap .container, #main-wrap .container, #header-wrap .container {
width: 100% !important;
box-sizing: border-box;
margin: 0 auto;
}

/* -- Banner -- */

.landing-button .wsite-button-inner, .tall-button .wsite-button-inner, .short-button .wsite-button-inner {
font-size: 12px;
line-height: 1.5;
}

/* -- Content area -- */
#main-wrap .container {
padding:22px 3%;
}

}

@media (max-width : 1050px) {

.blog-post .blog-header h2.blog-title, .blog-header {
float:none;
width: 100%;
display: block !important;
font-size: 1.25 !important;
}

.blog-post .blog-header h2.blog-title {
margin-bottom: 10px !important;
}

#wsite-mini-cart .wsite-product-image {
padding-left: 10px;
}

#header-wrap .container {
width: 100% !important;
}

.hamburger {
display: table-cell;
}

.w-navlist {
display: none;
}
}

/* Width: 767
--------------------------------------------------------------------------------*/

@media (max-width : 1050px) {

body {
font-size: 14px;
}

.spacer {
min-width: 44px !important;
}

.spacer.hidden-sm {
display: none;
}

.container, .wsite-container {
width: 100% !important;
}

#main-wrap {
margin-top: 0;
}

.overlay {
display: none !important;
}

.overlay.open {
display: block !important;
}

#close-overlay span::before {
padding: 14px !important;
}

#logo #wsite-title {
font-size: 1.5em !important;
}

#header-wrap .hamburger,
#header-wrap .wsite-search {
padding: 12px !important;
}

#header-wrap .hamburger span {
color: #ffffff;
width: 20px;
height: 18px;
background-size: cover;
text-indent: -9999px;
}

#search h2 {
margin: 30px 0;
}

#close-overlay {
top: 0;
}

#wsite-search-header h2, #wsite-search-form-container {
width: 100%;
}

#wsite-search-submit {
border-left: none;
top: 15px;
}

#nav .wsite-social {
padding: 0;
}

#header-wrap .container, #close-nav {
height: 50px !important;
overflow: hidden;
}

#nav {
padding-top: 55px !important;
padding-bottom: 75px !important;
}

#header-wrap .wsite-search, .wsite-nav-cart, #nav-open {
border: none !important;
}

#wsite-mini-cart.overlay {
/* critical sizing and position styles */
padding: 60px 0 0 !important;
}

#wsite-mini-cart::before {
font-size: 1.25em !important;
}

.cart-notice {
width: 250px;
padding: 0;
margin-top: 10px;
padding: 10px 0;
left: 50%;
margin-left: -125px;
z-index: 2;
}

.wsite-product-list {
margin-top: 50px;
}

.nav ul li a {
font-size: .9em;
padding: 6px 5px;
}

#close-nav label {
width: 26px;
height: 22px;
top: 9px;
}

#nav-home {
top: 12px;
}

#content-wrap {
padding-top: 50px !important;
padding-bottom: 0 !important;
background: #fff;
}

#content-wrap.cartpad {
padding-top: 80px !important;
}

#logo #subtext {
font-size: 10px;
padding: 0 15px 10px;
}

#logo > a {
padding: 10px 15px 5px;
border: none;
}
#logo .logo-img span {
width: 100%;
height: 22px;
background-size: contain;
}

#header-wrap .wsite-search-button {
width: 20px;
height: 20px;
}

#wsite-nav-cart-a:before {
font-size: 18px;
color: #1a1a1a;
display: inline-block;
position: relative;
top: 3px;
left: -2px;
padding-right: 3px;
font-weight: normal;
}

#wsite-nav-cart-a, #wsite-nav-cart-a:hover, #wsite-nav-cart-a:active {
width: 100%;
height: 25px;
text-indent: 0;
color: #000;
text-transform: uppercase;
font-size: 13px;
text-align: center;
line-height: 1;
font-weight: 600;
}

.wsite-nav-cart {
position: absolute !important;
top: 50px;
right: 0;
border: none;
width: 100%;
background: #825589;
padding: 3px !important;
}

#wsite-nav-cart-num {
font-size: inherit;
position: relative;
display: inline;
top: 0;
padding: 0;
}

#close-overlay span:before {
padding-right: 0;
font-size: 1.35em;
}

.wsite-search-button {
right: 2px;
top: 0;
width: 20px;
height: 20px;
background: transparent url(images/mobile-search.png) no-repeat center center;
background-size: contain;
}

.phone-number, #logo #subtext,
#header-links {
display:none !important;
}

.phone-number {
bottom: 5px !important;
width: 100%;
right: 0 !important;
text-align: center;
font-size: 10px
}

#search .wsite-search-input {
width:300px;
}

#banner h2 {
font-size: 20px !important;
}

#banner p {
font-size: 14px !important;
}

h2 .wsite-headline,
p .wsite-headline-paragraph {
font-size: inherit !important;
line-height: inherit !important;
}

.landing-fullwidth-page #banner {
min-height: 0;
text-align: center;
}

.landing-fullwidth-page .wsite-background {
min-height: 10em;
}

.landing-fullwidth-page .wsite-header {
width:auto;
}

.splash-content {
padding: 20px;
width: 80%;
margin-bottom:50px;
}

/* -- Content area -- */
#footer-wrap .wsite-footer,
#main-wrap .container {
padding:25px 5%;
box-sizing: border-box;
}

.wsite-multicol-col {
width:100% !important;
display:block;
box-sizing: border-box;
}

/* -- Footer area -- */
#footer-wrap td.wsite-multicol-col {
width:100% !important;
display:block;
box-sizing: border-box;
}

/* -- Buttons -- */
#main-wrap .wsite-button-large .wsite-button-inner {
padding:0px;
}

#main-wrap .wsite-button-large {
text-align: center;
}

#main-wrap .wsite-button-large .wsite-button-inner {
padding: 0;
text-align: center;
width: 100%;
}

#blogTable td {
width: 100% !important;
display: block;
}

.blog-sidebar-separator {
padding: 0;
}

.column-blog {
width: 100% !important;
}

.blogCommentWrap {
padding-left: 0;
}

.blogCommentLevel1 {
margin-left: 25px;
}

.blogCommentLevel2 {
margin-left: 50px;
}

/* Header Layouts */

/* Storefront */

#wsite-com-store .wsite-com-category-subcategory-group .wsite-com-column, #wsite-com-store .wsite-com-category-product-featured-group .wsite-com-column, #wsite-com-store .wsite-com-category-product-group .wsite-com-column
{
width: 50% !important;
}

#wsite-com-product-images {
width: 100% !important;
}

#wsite-com-product-images, #wsite-com-product-images .wsite-com-column {
float: none !important;
}

#wsite-com-product-info {
margin-left: 0 !important;
margin-top: 25px;
}

/* Category Sidebar */

.wsite-com-sidebar, .wsite-com-content-with-sidebar {
display: block;
width: 100%;
margin: 0 auto;
padding: 0;
text-align: center;
}

.wsite-com-sidebar:before {
content: 'CATEGORIES';
display: inline-block;
font-family: 'Raleway', sans-serif;
font-size: 16px;
margin: 0 auto 10px;
vertical-align: top;
background: url(images/select-arrow-v7.png) no-repeat right center /contain;
padding: 8px 30px 5px 0;
line-height: 1;
font-weight: bold;
}

#wsite-com-hierarchy {
max-height: 0vh;
overflow: hidden;
-webkit-transition: all 600ms linear;
-moz-transition: all 600ms linear;
-o-transition: all 600ms linear;
-ms-transition: all 600ms linear;
transition: all 600ms linear;
}

#wsite-com-store .wsite-com-category-subcategory-group .wsite-com-column,
#wsite-com-store .wsite-com-category-product-featured-group .wsite-com-column,
#wsite-com-store .wsite-com-category-product-group .wsite-com-column {
width: 50% !important;
}

/* Search Sidebar */

#wsite-search-sidebar {
display: block;
width: 100%;
margin: 0 auto;
padding: 0;
text-align: center;
}

#wsite-search-sidebar:before {
content: 'FILTER';
display: inline-block;
font-family: 'Raleway', sans-serif;
font-size: 16px;
margin: 20px auto;
vertical-align: top;
background: url(images/select-arrow-v7.png) no-repeat right center /contain;
padding: 8px 30px 5px 0;
line-height: 1;
font-weight: bold;
}

.wsite-search-filter {
display: none;
}

#wsite-search-sidebar {
max-height: 50px;
overflow: hidden;
-webkit-transition: all 600ms linear;
-moz-transition: all 600ms linear;
-o-transition: all 600ms linear;
-ms-transition: all 600ms linear;
transition: all 600ms linear;
}

#wsite-search-sidebar.open {
max-height: 800px;
}

/* Search Results */

#wsite-search-sidebar {
display: none;
}

#wsite-search-results, #wsite-search-product-results .wsite-search-product-result {
width: 100% !important;
padding: 0 !important;
}

#wsite-search-form-container {
float: none;
width: 100%;
margin-top: 10px;
}

/* Checkout */

#wsite-com-checkout-list, #wsite-com-checkout-summary-list {
font-size: 12px !important;
}

#wsite-com-checkout-list .wsite-remove-button, #wsite-com-checkout-summary-list .wsite-remove-button {
display: block;
margin: 5px auto 0;
left: auto;
top: auto;
}

.wsite-com-continue-shopping .caret, #wsite-com-checkout-list, #wsite-com-checkout-summary-list {
line-height: 2em;
}

.wsite-com-continue-shopping .caret {
vertical-align: bottom;
}

#wsite-com-checkout-list .wsite-form-input:not(.wsite-coupon-input), #wsite-com-checkout-summary-list .wsite-form-input:not(.wsite-coupon-input) {
width: 25px;
}

#wsite-com-checkout-list .wsite-coupon-input,
#wsite-com-checkout-summary-list .wsite-coupon-input {
width: 120px;
}

#wsite-com-checkout-list .wsite-com-checkout-item-image, #wsite-com-checkout-summary-list .wsite-com-checkout-item-image {
width: 50px !important;
height: 50px !important;
}

/* Checkout Page
---------------------------------------*/

.wsite-com-checkout-payment-column,
.wsite-com-checkout-summary-column {
display: block !important;
width: auto !important;
width: 100% !important;
margin: 0 auto 1em !important;
}

#wsite-com-checkout-cart-footer {
text-align: center;
}

.wsite-com-continue-shopping {
display: block;
margin: 0 auto 5px;
}

#wsite-com-checkout-cart-footer form {
float: none !important;
}

#wsite-com-checkout-list,
#wsite-com-checkout-list * {
font-size: 12px !important;
}

#wsite-com-checkout-payment-order {
margin-left: 0;
}

.imageGallery .fullwidth-mobile {
width: 100% !important;
}

.fancybox-close {
right: 0;
top: -36px;
}
}

@media (max-width: 480px) {

.imageGallery > div {
width: 100% !important;
}

.no-header-fullwidth-page #content-wrap {
padding: 65px 0 30px !important;
}

.landing-fullwidth-page #banner.wsite-background {
height:640px;
background-position: center bottom;
}

#wsite-com-product-images {
float: none;
width: 100%;
}

#wsite-com-product-info {
float: none;
margin-left: 0;
margin-top: 80px;
width: 100%;
}

#wsite-com-product-buy {
margin: 0 auto;
text-align: center;
}

#search h2 {
font-size: 26px;
}

#wsite-com-product-images {
float: none;
width: 100%;
}

.wsite-com-continue-shopping {
margin: 0 auto 1em;
display: block;
}

#wsite-com-checkout-button {
width: 100%;
box-sizing: border-box;
}

#wsite-com-product-info {
float: none;
margin-left: 0;
margin-top: 80px;
width: 100%;
}

#logo #wsite-title {
font-size: 1em !important;
}

#main-wrap .wsite-button-large {
text-align: center;
}

/* Blog sidebar
------------------------------------------------------------*/
.blog-sidebar {
width: 400px;
padding: 20px
}

.column-blog {
float: right;
width: 400px;
margin: 0;
padding: 0;
}

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 17 hours 20 min ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9651
Points: 3719

Try this

.column-blog {
  margin: 0 0 0 1em;
  padding: 0;
}

Test thoroughly, as it might break something. But, it should work.

This is the first time I've really taken a look at a Weebly site.

	        Size	Uncompressed Size
8 Documents	 116 KB	 116 KB
22 Images	1433 KB	1433 KB
1 Object	   6 KB	   6 KB
54 Scripts	2605 KB	2732 KB
28 Style Sheets	 673 KB	 673 KB
113 Files	4832 KB	4960 KB
Almost five megaBytes for a page that should come in under, way under 1% of that (exclusive of images). There are syntax errors buried in syntax errors. There is absolutely no sane reason for 54 scripts or 28 style sheets. And laying out the page with table structure has been deprecated for almost twenty years.

Please find a professional web developer and have your site recoded. In the end, you will save money in maintenance and debugging costs.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

moonspoonyum
moonspoonyum's picture
Offline
newbie
Last seen: 1 year 6 weeks ago
Timezone: GMT-7
Joined: 2016-10-02
Posts: 2
Points: 3

Hi Gary, I greatly appreciate

Hi Gary,

I greatly appreciate your response! I tried what you suggested and I do not see a discernible difference. It's as if the sidebar refuses to expand. I appreciate your input. Outside of adding the code at the bottom, I am completely clueless when it comes to the rest of the code, as everything else there was built in with the theme I chose from Weebly. This is the tutorial I used to try and modify the sidebar: http://weeblytricks.weebly.com/how-to-widen-the-blog-sidebar-of-your-weebly-site.html I appreciate you taking a look and letting me know that things are not as they should be. It's looking as if I may need to hire help to get my site in proper working order! Thank you kindly.

JUR-Z Devil
JUR-Z Devil's picture
Offline
newbie
Last seen: 1 year 3 weeks ago
Timezone: GMT-4
Joined: 2016-10-28
Posts: 5
Points: 9

here

(remove the display: none; from .blog-sidebar)

.blog-sidebar {

width: 300px;
}

.column-blog {
float: right;
width: 300px;
margin: 0;
padding: 0;
}

.columnlist-blog {
word-wrap: break-word;
width: 300px;
}

JUR-Z Devil
JUR-Z Devil's picture
Offline
newbie
Last seen: 1 year 3 weeks ago
Timezone: GMT-4
Joined: 2016-10-28
Posts: 5
Points: 9

looks like

lookslike you just forgot to change

.columnlist-blog {
word-wrap: break-word;
width: 300px;
}

too.