Return to previous page

Header background color / image - by stevhong

This topic has 4 replies, 2 voices, and was last updated 7 years, 8 months ago ago by Robert Hall

stevhong

Participant

August 17, 2016 at 15:19

Hi Support, would like to ask
1) how i can change the header (logo area) to have different color or image into the area?
2) how can i change the menu font and size?
3) how can i change color on the menu background?
Thank you very much

Please, contact administrator
for this information.

#136977 Copied Theme version: 3.0.2 WooCommerce version: nil

3 Answers
Robert Hall

Support staff

August 17, 2016 at 15:40
Hello,

1) Add this code in custom.css file
```
.header{
background-color:red;
}
```
2) You can change a font in Theme Options->Typography->Main font.
3) Add this code in custom.css file
```
.main-nav .double-border {
    border-top: 1px solid red;
    background: red;
    border-bottom: 1px solid red;
}
```
Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

Regards,
Robert Hall
#136983 Copied
stevhong

Participant

August 23, 2016 at 02:52

hi robert hall, thank you so much for your reply. based on the above, i have used the code for the question 1, which only cover the background for the header line only that leave with white area on top and bottom on the logo area. How i can have the full color in the logo area which cover the entire header area please? thank you very much

#137447 Copied
Robert Hall

Support staff

August 23, 2016 at 07:51
Hello,

Also try to add this code in custom.css
```
.main-nav {
    border: none;
}
.page-content {
    padding-top: 0;
}
```
To change the top bar area with color use this code
```
.header-wrapper{
background: red;
}
```
Regards,
Robert Hall
#137467 Copied
Tagged: background, color, header, image, themes, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 total)