Remove White Space Between Sidebar Widgets – not resoved
-
Hi everybody, I read the previous discussion about removing space between sidebar widgets in the right column, i tried to change my css but it still doesn’t work, this is my website http://www.pdozzano.it, and this is the code i changed
* -------------------------------------------------------------- * = Widget Area * ----------------------------------------------------------- */ .widget-title { background: url('images/widget-divider.png') repeat top center; } .widget-title span{ background: #FFF; padding-right: 10px ; padding-right: 1rem; text-transform: uppercase; } .widget-area .widget { word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; overflow: hidden; margin-bottom: 1rem; } .widget-area .widget h3 { margin-bottom: 1rem; } .widget-area .widget .textwidget, .widget-area .widget p, .widget-area .widget li { font-size: 13px; font-size: 1.3rem; line-height: 1.8; } .widget-area .widget a { color: #666; } .widget-area .widget a:hover { color: #C4302B; } .widget-area .widget p { margin-bottom: 1rem; } .widget-area .textwidget ul { list-style: disc outside; margin: 0 0 24px; margin: 0 0 2.4rem; } .widget-area .textwidget li { margin-left: 36px; margin-left: 3.6rem; } /* Footer */ .footer-sidebar { padding: 1.625em .6%; overflow: hidden; } /* One Footer Widget Areas */ .footer-sidebar.one .widget-area { float: left; margin-right: 0; width: 100%; } /* Two Footer Widget Areas */ .footer-sidebar.two .widget-area { float: left; margin-right: 3.7%; width: 48.1%; } .footer-sidebar.two .widget-area + .widget-area { margin-right: 0; } /* Three Footer Widget Areas */ .footer-sidebar.three .widget-area { float: left; margin-right: 3.7%; width: 30.85%; } .footer-sidebar.three .widget-area + .widget-area + .widget-area { margin-right: 0; } .site-footer .widget-area .widget { margin-bottom: 20px; margin-bottom: 2rem;
can someone tell me exactly where do i have to change the code in order to reduce blank space between widgets in my right column?
thanks a lot!!!!
-
Hi, I was just trying to find how to do this. Another thread shows this as how to eliminate the white space:
.widget-area .widget {
margin-bottom: 0.0rem; <– this number to change to reduce the space
}You will need to go into the Custom CSS. Leaf hid this under Appearance > Leaf Options (at the bottom) rather than in the actual editor.
If you figure out how to remove the annoying grey bar in the widgets sections let me know! Hope I could help you some.
@leopardnation add this in custom CSS area:
.widget-title {background image: none;}
Next time open your own topic, because your question has nothing to do with O.P.’s issue.
- The topic ‘Remove White Space Between Sidebar Widgets – not resoved’ is closed to new replies.