Plain header opacity

listio_ops · November 2015

Hi,

I’m using the plain header. Is it possible to give the plain header’s background an opacity so that I can see the content underneath?

Thanks

Albert · November 2015

Hi,

please send us url to page where you are using this header and we'll see if there is anything what we can do for you.

Thanks!

listio_ops · November 2015

The url is: http://baysideshopping.co.za/dev/

I'm still busy working on the website.

Thanks

Albert · November 2015

Thanks. We did checked your site already but with "Plain" header it is unfortunately impossible to set transparent background. This requires modification in theme files.

listio_ops · November 2015

Ok thank you.

Is it possible to increase the size of my logo in the header?

Also where do you change the colour of the back to the top sticky button?

Kind regards,

Suzanne

Albert · November 2015

1. To increase logo size, use below css:

.header-plain #Top_bar #logo { height: 100px !important; }

2. To change "Back to top" background color, use below css:

#Footer .footer_copy a#back_to_top.sticky { background: #000 !important; }

listio_ops · November 2015

Thanks, that worked perfectly.

The only problem is that now the navigation/menu needs is not the same height as the logo anymore.

How can I adjust this?

Albert · November 2015

If you want to move menu items down as well, then you need to use below css:

#Top_bar:not(.is-sticky) .menu_wrapper { margin-top: 10px !important; }

Please notice that this is the only solution to move this menu down and there is no other workaround.

listio_ops · November 2015

Thanks, I will try this.

Kind regards,

Suzanne

Albert · November 2015

You're welcome

Plain header opacity

Comments