Top Half Page Shadow

Home Forums WordPress Themes – Premium Preferential Top Half Page Shadow

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #15526

    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

    #20533
    Sushil Adhikari
    Moderator

    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.

    #15527

    Thank you so much!

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.