How do I put a header background

Devanshp · July 2016

Hello,

I'm developing www.pinkharvest.com based on the 'Wedding 2' demo. For my header, I'd like to put a background image - or at the very least, a solid color (so it's not white). Putting a background image in BeTheme Options> Header & Subheader > Header doesn't work.

Thanks for your help

Devansh

Albert · July 2016

Hi,

to set background image for the Top Bar, you need to use the following css:

#Top_bar { background-image: url('Path-To-The-Image') !important; }

Devanshp · July 2016

Where should I put the css?

Devanshp · July 2016

Found it! Is there anyway to optimize the image for different size screens? It's appearing fine on my computer but very weird on my mobile.

Albert · July 2016

Each css supposed to be put under Theme options > Custom CSS & JS > Custom CSS section. But if you mean to make background responsive, it's impossible because of the technical limits. This just has nothing to theme and it's a global problem between responsive and css backgrounds.

How do I put a header background

Comments

This website uses cookies