Return to previous page

Topic: Change header background - by robphat

robphat

Participant

March 31, 2015 3:36 pm

How do we change the background color of the header? I didn’t see any option for that in theme options. Or can it only be done with css?

#53620 copied to clipboard
Robert Hall

Support staff

March 31, 2015 3:41 pm
Hello,

Please add following code in custom.css file

.header{ background: #932ca5; }

Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

Regards,
Robert Hall.
#53623 copied to clipboard
robphat

Participant

March 31, 2015 3:55 pm

Thanks. I know how to add custom css. I just didn’t know if there was a way to do it in theme options.

Also, for header styles that have tworows (like header style 12), can we have one background color for one row, and another background color for the other row?

Thankls,
Rob

#53630 copied to clipboard

Eva Kemp

Support staff

April 1, 2015 3:28 pm

Hello,

Please show a screenshot for what rows you want to change background color.

Thank you.
Regards,
Eva Kemp.

#53935 copied to clipboard

robphat

Participant

April 1, 2015 6:13 pm

http://www.awesomescreenshot.com/image/5384/1f74ecb05bfbc152e77b4df9ad319dc4

But as the screenshot says, I guess I can just change css of menu background, yes?

#54033 copied to clipboard
Robert Hall

Support staff

April 1, 2015 6:42 pm
In this case you can use following code

.navbar-collapse{ background: red; }

Regards,
Robert Hall.
#54043 copied to clipboard
robphat

Participant

April 1, 2015 7:01 pm

Thanks. And what CSS is use to change the color of the sticky menu – the one that fixes to the top of the screen when you scroll down?

Thanks,
Rob

#54047 copied to clipboard
Robert Hall

Support staff

April 1, 2015 7:29 pm
Please try this code.

.fixed-header .navbar-collapse{ background: red; }

If you want to change backgroung for full width fixed header use following code

.fixed-header-area{ background: red; }

Regards,
Robert Hall.
#54052 copied to clipboard
robphat

Participant

April 1, 2015 7:48 pm

Awesome. Thanks!

#54054 copied to clipboard

Robert Hall

Support staff

April 1, 2015 8:08 pm

Hello,

You’re welcome!

Regards,
Robert Hall.

#54060 copied to clipboard