Colorway Reduce White Space Home Intro/4 Feature Area

Can the white space between the home page intro and the 4 feature areas be reduced?C

 

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

#content{
margin-top:0px;
}

 

That didn't seem to make a change. I need the white space greatly reduced in the area between the home into page and the 4 feature area. I guess that would mean reducing the area in the home page intro. Thanks for your time.

This is the code that I have in Styling Options.

#content{
margin-top:0px;
}
#menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover, #menu li.current_page_item a {
backgroundrange!important;
}

#content {
margin-top:0px;
}
.slider-container {
border-bottom:none;
}
#content {
margin-top:0px;
}
.slider-container {
height: 350px;
}
.slider-container {
height:240px!important;
}
.slides_control {
min-height: 200px!important;
}
.slide {
min-height:200px!important;
}
.slide-img {
height:200px!important;
}

.footer-container {
background: #004192!important;
}
.footer-navi {
background: #004192!important;
}
.slide .slide-content.entry {
display:none;
}
.container {
background-color: f8ebff;
}

 

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.content-wrapper .content-info {
margin-bottom: 0px;
}

Thanks.

 

This is the url. http://www.irisdemosite.com

It doesn't seem to be working.

 

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

#content {
margin-top: 0px !important;
}

 

It is still not working. irisdemosite.com
This is the styling code in Styling options...
.content-info {
display:none;
}
#menu li a {
color: navy;
}
#menu li.current-menu-item a:hover, #menu li.current-menu-parent a:hover, #menu li.current_page_parent a:hover, #menu li a:hover.selected, #menu li.current_page_item a{
color: white;
}

#menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover, #menu li.current_page_item a {
color: white;
}
.content-info {
background:#fea500 ;
}
.content-info
{
height:30px;}
.content-wrapper .content-info {
margin-bottom: 0px;
}
#menu .ddsmoothmenu {
background: white;
}
h1,h2,h3,h4,h5,h6,a{
font-family:cambria;
font-size:20px!important;
}
p{
font-family:cambria;
font-size:12px!important;
}
#menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover, #menu li.current_page_item a {
backgroundrange!important;
}
.slider-container {
border-bottom:none;
}
.slider-container {
height: 350px;
}
.slider-container {
height:240px!important;
}
.slides_control {
min-height: 200px!important;
}
.slide {
min-height:200px!important;
}
.slide-img {
height:200px!important;
}

.footer-container {
background: #004192!important;
}
.footer-navi {
background: #004192!important;
}
.slide .slide-content.entry {
display:none;
}
.container {
background-color: f8ebff;
.content-wrapper .content-info {
margin-bottom: 0px;
}
blockquote{
display:none;
}
#content {
margin-top: 0px !important;
}

I may change the slide size before you read this.

 

Hello,

we have checked your code and you haven't closed the "container" div and opened new div that is why your code is not working, close the div and everything will work fine. Sending you the image for the reference.

 

It worked! Thanks