Home Forums Pro Themes Kids Education Pro Customize header properties

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #140340
    Adrian Steiner
    Participant

    Hello,

    I have changed my theme into “modern mode”… Now the header is just a white stripe. The height I’ve customized with this CSS:

    @media screen and (min-width: 992px){
    #masthead{
    height: 85px;
    }
    }

    Now, I want to change the header a little transparent and I want to change the color. How can I do this?

    #140363
    Psink
    Keymaster

    Hello

    Try this, i hope this will help you. Please add this Css code in Additional Css.

    .modern-design #masthead {
    	opacity : 0.6;
            background-color : #000;
    }
    
    .modern-design #masthead container{
    	background : transparent;
    }
    
    .modern-design #header-image, .modern-design .has-banner-image#header-image{
    	padding-top: 0px;
    }

    Just Go to Admin panel >> Appearance >> Customize >> Additional Css and paste above Css code then publish and refresh.

    And if you want to change background just update color code in the above background-color css.

    If you have any further queries please free to share with us, we are always here to help you

    Best Regards

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