Decrease Vertical Space throughout Home Page

The theme is great but there is generally too much vertical space between elements.
I would like to decrease the white space between header, slider, and featured pages, as per attached screenshot.

Please let me know how to do this.

 

Hello,

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

Code:

.menu_wrapper{
margin-bottom:5px;
}
.slider-wrapper{
height:480px;
}
 
.feature-content {
margin: 0 20px 10px 0px;
}

Adjust its value as per your requirements.

 

Great Gourav thanks

How do we reduce the depth of the shadow coming from the slider?

 

Hello,

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

Code:

.slider-wrapper {
background-position-y: 400px;
}

You can adjust this value as per your requirements.
This will solve your issue.

 

Hi Piyush
I entered this code and altered the value many times and it made no difference to the depth of the shadow coming from the slider- please advise

 

Hello,

Could you please share your website link.

 

Yes thanks

http://www.karmastudio.com.au/

I have put in various settings, currently 100px and making no difference

 

Hello,

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

Code:

.slider-wrapper {
background-position-y:392px!important;
}

This will solve your issue.

 

Hi there

This did not work either- i reduced the setting to 100px but no difference

 

Hello,

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

Code:

.slider-wrapper {
background-position-y: 400px!important;
height: 450px;
}

Do not change the value "background-position-y" , but you can adjust the value "height" as per your requirement.
This will solve your issue.

 

Hi
This does not work
A reminder of my second question - what I want to change is 'The Depth of The Shadow coming from the slider - not the distance between the slider and heading.
How do we do this?

 

The shadow of slider is shown there with the help of "slide-shaddow.png" image.
There is an another way to do that.
Go to images directory present in your theme directory and replace your image with present "slide-shaddow.png" image or edit it and reduce its shadow depth
with the help of photoshop tool or any other photo editor tool .

The name of image is "slide-shaddow.png" image.

Note:- Use same name for your edited image and remove the previous image.

See the link for the reference.
http://www.inkthemes.com/how-to-edit-internal-files-through-ftp/07/