Top Half Page Shadow

[Cathleen Lengyel]

Is there a way to change the top half page shadow to another color?

Currently it appears to be a white or light gray and I’d like to change it to a black or much darker gray.
Here’s my site: Deer Hollow Christian Academy

Also, I know in the preference lite I could change the code so the top half of the page was same as the rest of the page, can that still be done in preferential?

Thank you!
Cat

[Sushil Adhikari]

Hi Cathleen…..You will need to do some custom CSS to override the default shadow effect. Currently it’s found in the style.css file around line 74 and looks like this:

#pref-top {
	border-bottom: 1px solid #a2a2a2;
	height: 435px;
	background-color: #fff;
	position: relative;
	-webkit-box-shadow: 0 0.188rem 0.625rem 0 #BFBFBF;
	box-shadow: 0 0.188rem 0.625rem 0 #BFBFBF;
}

It’s the -webkit-box-shadow and the box-shadow part that does the shadow and the colour of it is #BFBFBF; that you see. So if you need it darker, perhaps black #000000

To do a shadow, you can use this online tool: Shadow or you can just change the colour part only.

For your other question about the top background colour, yes, just like the Lite version.

[Cathleen Lengyel]

Thank you so much!

[Author]

Posts