Reply To: Top Half Page Shadow

[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.