Front background image & page template shadow

I've just upgraded to Cloriato pro & how do you fix and centre the background image? The shadow for the main page template is missing, how do you restore it?

Can you change the footer colour to an image?

Thanks

 

Hello,

1. For your first issue

Firstly go to Appearance > Theme Option > General Settings > Body Background Image

and remove image from there.

Now,

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

Code:

html, body {
background: url(Enter your image address here) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
} 

2.For your second issue

Do let us know your website link.

3.For your third issue

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

Code:

.footer-content .footer_wrap {
background: url(Enter Your Image Address Here);
}
.footer-content .footer-glow {
background: url(Enter Your Image Address Here);
}

 

The Cloriato pro theme site http://www.sismotorsport.co.uk/about-me/
Standard Cloriato theme site http://www.sisdesign.co.uk/about-me/
You'll see the pro theme hasn't got the main page shadow.

The footer image code works well but you'll see on the pro theme website there's a solid line transition on the footer glow, can this be blended or just have the footer without the glow?

Many thanks

 

Hello,

1.For your first issue

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

Code:

.body-content{
-webkit-box-shadow: 1px 1px 15px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    1px 1px 15px rgba(50, 50, 50, 0.75);
box-shadow:        1px 1px 15px rgba(50, 50, 50, 0.75);
}
.top_cornor{
visibility:hidden;
}

2.For your second issue

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

Code:

.footer-glow {
display: none;
}