Transparent Logo Background

davidbowen2014 · July 2015

I'm using Stack Center.

Is it possible to have the logo background trasnparent so that the background image becomes visible under the logo?

Thanks,

David.

Albert · July 2015

Hi David,

if you use "Boxed" version then we can have a look on it because maybe with some custom css it will be possible to set transparent background. But if you use full width, then obviously it won't be possible.

Thanks!

davidbowen2014 · July 2015

Hi, thanks for the feedback. I'm using boxed version set to 960px

Albert · July 2015

So if you use boxed version, then please send us url to site where you want to do this and we'll see what we can do for you.

davidbowen2014 · July 2015

Sure, http://www.ses-equine.co.uk/newsite/

Albert · July 2015

Ok. So to make header transparent, please use below css:

#Wrapper, #Top_bar, #Header_wrapper { background-color: transparent !important; }
#Wrapper { box-shadow: 0 0 0 0 !important; }

davidbowen2014 · July 2015

That works brillianly - thank you! I'd love to see this as an option in future releases of BeTheme

davidbowen2014 · July 2015

Actually, I've checked again and the transparency has also been applied to the menu bar.

Is it possible just to set this the logo container?

Albert · July 2015

If you want, you can use below css to set background for menu wrapper:

.header-stack #Top_bar .menu_wrapper {
    background: red none repeat scroll 0 0;
    width: 100%;
}

#Top_bar .container { width: 980px !important; }
#Top_bar .column { margin: 0 !important; }

Transparent Logo Background

Comments