• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Appfinite

Appfinite

Premium WordPress Themes for The Genesis Framework

  • Themes
  • Blog
  • Tutorials and Resources
  • Forums
  • Contact Us

(drop)shadow below header subpages like shadow above footer

Home › Community Forums › Optimal Theme Support › (drop)shadow below header subpages like shadow above footer

  • This topic has 1 reply, 2 voices, and was last updated 9 years, 11 months ago by Wes.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • March 16, 2013 at 6:31 pm #3215
    jskooij
    Customer

    above the footer there is standard a shadow. i also want it below the header. how can i do this inoptimal? www notaristarieven.nl/sitemap

    March 16, 2013 at 11:00 pm #3218
    Wes
    Moderator

    You would need to add a box shadow to the .head-wrap (the div that your header is inside of) like this –

    .head-wrap {
    box-shadow: 0 10px 25px #ccc;
    -moz-box-shadow: 0 10px 25px #ccc;
    -webkit-box-shadow: 0 10px 25px #ccc;
    }

    The 3 shadows above cover multi browser support (chrome, firefox, safari, etc).

    Although you may not want this to appear on your homepage if you’re using a slider, since the shadow will appear on top of the slider background, and it won’t look right. To remove it from appearing on the homepage (only) if you’re using a slider, then add this right under the above code –

    .home .head-wrap {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    }

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.
Log In

Primary Sidebar

Search Forums

Affiliate Program

Looking to earn some money? Join our Affiliate program and earn 35% of every sale you refer. Top referrers earn 40-50%.

Join Now →

The Genesis Framework

All of our themes are designed for the Genesis Framework. You will need to purchase Genesis in order to use any of our themes.

Purchase Genesis

Hire a Web Developer

Need help setting up or customizing your website?

Contact Us →

Search Full Site

  • Buy Genesis!
  • Shopping Cart
  • Themes
  • My Account
  • Support Forums
  • Tutorials and Resources
  • Privacy Policy
  • Contact Us
  • Follow Us on Twitter

Copyright © 2023 · Appfinite · Built With The Genesis Framework