[mikeclimbsParticipant]

Hello,
I’m using the integrity stack on my site http://www.crankworkscycles.com

I’d like to use a background image in the header and tried the following custom css with no change. .x-logobar {
background-image: url(http://crankworkscycles.com/wp-content/uploads/2016/03/Graybackground-1.jpg);
}

Any suggestions would be appreciated.

Thanks,

Mike

[Prasant RaiModerator]

Hello Mike,

Thanks for writing in!

I tried the code you shared and its working perfectly fine. Please see the screenshot. Request you to please try again and let us know.

http://prntscr.com/ajh937

Thanks.

[mikeclimbsParticipant]

Thanks for the quick response. I realized my issue, It wasn’t showing in Live preview. As soon as I saved it worked as advertised.

One more question. How do I apply a background image to the top bar and the menu area.

Thanks,

Mike

[John EzraMember]

Hi Mike,

Thanks for updating the thread! You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

.x-topbar {
    background-image: url('yourimagelinkhere.jpg');
}

.x-navbar {
    background: #fafafa url(http://yourdomain.com/path/to/your/image.jpg) repeat center center;
}

Note that you need to change the url to point to your image. Above are two example formats to use. You can use either on the topbar and navbar.

Hope this helps – thanks!

[Author]

Posts