Adjust padding

I want to adjust the space and/or padding in the following areas...

 

Hello,

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

Code:

 .featured_text_area {
display: none;
}
.services_box_container{
margin-top:30px;
margin-bottom: 10px;
}
.contact_wrapper {
overflow: hidden;
padding-top: 30px;
}
.contact_input .content-bar {
padding-bottom: 40px;
}

Thanks & Regards
Gourav Shrivastava

 

Hello. Thanks for your help. Some but not all of the CSS worked. Screenshot attached and the CSS I'm using is:

.featured_text_area{
display:none;
}
(This does nothing)

.services_box_container{
margin-top:10px;
margin-bottom:5px;
}

.contact_wrapper {
overflow: hidden;
padding-top: 5px;
}

.contact_input.content-bar {
padding-bottom: 5px;
}
(This does nothing when I change it)

 

Website is: http://simplyask.me/

 

Here is what I want

 

Hello,

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

Code:

.index_titles {
margin: 0px 0;
}
.ch-grid li {
margin-bottom: 10px;
}
form.wpcf7-form h2 {
margin: 0px;
}
.map {
margin-bottom: 20px;
}

You can adjust margin according to your requirement.

Thanks & Regards
Nitesh Raghuwanshi