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 https://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!!!!

Viewing 2 replies - 1 through 2 (of 2 total)

  • 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.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Remove White Space Between Sidebar Widgets – not resoved’ is closed to new replies.