Home › Forums › Pro Themes › Kids Education Pro › Customize header properties

Tagged: , , , , , ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • December 10, 2020 at 5:00 am #140340
    anyworx
    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?

    December 10, 2020 at 9:32 am #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

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