How to add background image to site header

BB Theme
1

I understand that selecting an image for the header background is not an option in the Customizer. So how is this accomplished? Thanks!

2

Hey Lana,

You are correct, but you can do so fairly easily with some CSS. Here is a good starting point for ya!

.fl-page-header {
    background-image: url('image-url-here');
}

Hope that helps and let us know if you need anything further!

Best,
Billy

3

That didn’t seem to work. Do I need to do anything with the Header settings in Customizer?

4

Nope, you’ll just need to insert the CSS in the code section or your child theme if going that route. Can you tell me about how you are trying to add it?

Best,
Billy

5

I put the code in the Child Theme style.css file

.fl-page-header {
background-image: url(‘http://www.talkingfeathercommunications.com/sandbox/wp-content/uploads/headersample.jpg’);
}

6

Interesting. I gave it a shot in my local install and it worked as it should. Perhaps try the code area in the customizer to test?

7

Yes, it works when placed in Customizer. Thanks!

8

Awesome, great to hear!