Change Header BG Colour

  • Resolved mantum

    (@mantum)


    4 years ago

    I’ve used this css to change the bg and text colour of the menu:

    
.main-header-menu a {
	color: white !important;
	background-color: #313131;
}
.main-header-menu a:hover {
	color: #46b2ff !important;
}

    I have like basically no experience with CSS, how would I change the BG colour of the header aswell? I’d imagine it’d be the same but the class or id (or whatever its called idk), will be different for the header.

    Please have a look at my site to understand what I mean

    thanks in advance

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Thread Starter mantum

    (@mantum)

    solved:

    
.main-header-menu a {
	color: white !important;
}
.main-header-menu a:hover {
	color: #46b2ff !important;
}

 .main-header-bar {
    background: rgba(49,49,49,.9);
}

/*Make Header Sticky*/
.main-header-bar {
    position: fixed;
    top: 0;
    width: 100%;
}

/*Adjust Content Padding*/
.site-content {
    padding-top: 75px;
}

/*Adjust Content Padding for Mobile*/
@media (max-width: 800px) {
    .site-content {
        padding-top: 175px;
    }
}

/*Adjust Content Padding for Mobile*/
@media (max-width: 650px) {
    .site-content {
        padding-top: 200px;
    }
}
Viewing 1 replies (of 1 total)
  • The topic ‘Change Header BG Colour’ is closed to new replies.