Kaptinlin Themes Support

paulseatonsmith

Can anyone tell me how to remove the colour gradient in the 'Feature Header Background' and the 'Footer Background' please?

BackuPs



#feature .top_shadow {
     background: none;
}

#feature .bottom_shadow {
     background: none;
}

#footer_shadow {
	background: none;
}

#page {
         background-image: none;
}

#page_bottom {
	height:10px;
	background:none;
}

dyoung84

I am sure there is another way, but the simple answer would be to create an image with the color you want, and upload it as a background for that section.

You can change backgrounds by going to "backgrounds" under the Striking theme options.

paulseatonsmith

Updated CSS to

#feature {
background:#ffffff;
}

#header {
background:#ffffff;
}

#page {
background:#ffffff;
}

You can see an example of it not working here

http://cloud.rightsizesolutions.co.uk/temp.png

If there were no gradient then as they are all white there would be no join.

paulseatonsmith

Ok found this custom CSS in another post that does what I want

#feature .top_shadow {
background: none;
}

#feature .bottom_shadow {
background: none;
}

paulseatonsmith

How do I remove all of these shadows?

I tried

#footer .top_shadow {
background: none;
}

#page .top_shadow {
background: none;
}

But no luck

Please include how do I remove the shadow from a Sidebar?

paulseatonsmith

Brilliant.

How do I do the same for the Sidebar please?

kerrigingerich

Try adding this to custom CSS;

#sidebar {
display: none;
}

morgancreative

#feature .bottom_shadow,
#feature .top_shadow,
#footer_shadow,
#page,
#page_bottom,
.right_sidebar #sidebar_content,
.right_sidebar #sidebar_bottom {
background: none;
}

morgancreative

you can also set transparent in the colors page

jtduret

Very useful nice ! Thank you !

ravenswoodmedia

Found it! It's a CSS gradient in screen.css, not an image!

#page:before {
display:none;
}

#page:after {
display:none;
}

Kaptinlin Themes Support

Howdy, Stranger!

Categories

In this Discussion