Search the Community

I am having trouble trying to change the height of a container. I want to shrink the whole thing down. Can anyone help me out? Here is the code I'm working with: /* Header Section css-------------------------------------------------------------- */ body { /* padding:0 30px;*/ font-family: 'Open Sans', sans-serif; background-color: #fff; } #wrapper{ position: relative; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; } .container { padding-left: 0px ; padding-right: 0px ; } a:hover, a:focus{ text-decoration: none ; } h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #666; text-shadow: 0 0 1px rgba(0,0,0,0.01); font-family: 'Open Sans', sans-serif; font-weight: 600; } p , .textwidget{ font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 26px; } .head-contact-info{ display: block; text-align: right; padding-top:5px; padding-bottom:2px; padding-left:0; } .head-contact-info li { display: inline; margin-right:10px; font-size:18px; } .head-contact-info li a{color:#fff;} .head-contact-info i { margin-right:8px; font-size:20px; display: inline; } .logo{ text-align:left; padding-bottom:0px; font-family: 'Open Sans', sans-serif; } .logo a{ font-weight: 600; font-family: 'Open Sans', sans-serif; margin-bottom:10px; font-size: 50px; color: #fff; } .logo a:hover{ color: #fff; } .logo p{ font-family: 'Open Sans', sans-serif; margin-top:5px; color: #fff; }

I have spacing problem any idea how to solve that? Each cell is a UL container .ul {width:32.3%;display:inline-block;float:left;min-width:318px;height:auto;border:0;padding:5px 5px;margin-bottom:5px;font-size:95%;letter-spacing:1px;color:rgba(30,30,30,0.95);background:rgba(187,187,187,0.1);} I had to use min-height:560px;.... Any other suggestions plz?