Support » Theme: Leaf » 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!!!!

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.