Return to previous page

Change Woopress Header Background to black

This topic has 10 replies, 3 voices, and was last updated 9 years, 9 months ago ago by Eva Kemp

masseyn

Participant

February 17, 2015 at 02:30

How do i change the header background from the default Woopress theme to be black ?

#42833 Copied

9 Answers
Robert Hall

Support staff

February 17, 2015 at 08:49
Hello,

Please try to add this code into custom.css file.
```
.header{
background: #000;
}
```
Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

Regards,
Robert Hall.
#42867 Copied
masseyn

Participant

February 17, 2015 at 13:32

Great that worked perfect but now i cant see my menu text !? Where do i change the font colour for the menu text 🙂

Thanks for your help.

Also how do i add some white space between the bottom of the header and the slider…??

#42952 Copied
Eva Kemp

Support staff

February 17, 2015 at 16:41
Hello,

Please add this code in custom.css file:
```
.menu > li > a {
   color: white;
}
.header {
    margin-bottom: 20px;
}
```
Thank you.
Regards,
Eva Kemp.
#43026 Copied
masseyn

Participant

February 17, 2015 at 16:57

Hi I added this in the custom.css and it didn’t change anything. Still got black text with a red colour when I hover over it ?

#43033 Copied
Eva Kemp

Support staff

February 18, 2015 at 00:24
Hello,

Try to add !important to the code:
```
.menu > li > a {
   color: white !important;
}
.header {
    margin-bottom: 20px !important;
}
```
Thank you.
Regards,
Eva Kemp.
#43164 Copied
masseyn

Participant

February 18, 2015 at 14:12

Still the same issue. When choosing variant 2 the menu text is only visible when hovering over it and it lights up red.

If i change to other variants the text can be sent but still not picking up white.

#43331 Copied

Eva Kemp

Support staff

February 18, 2015 at 18:53

Hello,

I’ve edited the code.
Please check your site now.

Regards,
Eva Kemp.

#43487 Copied

masseyn

Participant

February 18, 2015 at 19:08

Thankyou so much 🙂

#43496 Copied

Eva Kemp

Support staff

February 18, 2015 at 23:57

Hello,

You’re welcome.

Regards,
Eva Kemp.

#43573 Copied
Tagged: background, black, customize, header, woocommerce, woopress, wordpress
Viewing 10 results - 1 through 10 (of 10 total)