Home / Forums / You Theme Support / How can I add a shadow to the header?

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts

  • Merkmonster
    Participant

    Hi!

    I want to have a shadow on the header of my site. Can’t find where to add that. Can you help me please?

    The site’s URL: http://www.djschoolfriesland.merkmonstersprojects.nl

    Hi @merkmonster

    You can add the shadow on the heade via CSS:

    Copy and paste this CSS into Theme Options > Custom CSS:

    #header{
    -webkit-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.75);
    }

    If you want to customize the shadow further, you can use https://www.cssmatic.com/box-shadow to generate the CSS for the shadow that you prefer.

    Regards,

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.