How to center action bar and change background color

olafvangessel · April 2017

This is my site:

Hi guys,

See https://185.56.145.129/~marcbo1q/

How to change the background in to that of the menu and center the content?

See http://prntscr.com/etk6gr

Thx,

Olaf

olafvangessel · April 2017

I found how to do the color, now just the centering :-)

Bryan · April 2017

But your action bar is disabled on the site. The only way to center is by using custom CSS.

olafvangessel · April 2017

Yes I disabled it because could not get it to work,.

Could you please provide me with the right CSS code to center it?

Thanks!

Bryan · April 2017

Enable it then, how coud I write you css for a thing I do not see.

olafvangessel · April 2017

Okay it's enabled :-)

olafvangessel · April 2017

And another thing: what if I would like to have the background color semi transparant like the menu?

I've tried by changing the color in the options but can not get the transparency to work...

Bryan · April 2017

Hi,

This is the css for centering the elements

#Header #Action_bar .contact_details {
	position:absolute;
	float:none;
	text-align:center;
	width:100%;
}
#Header #Action_bar .contact_details li  {
	display:inline-block;
}

There is no way of making the top bar semi transparent, you have to trust me.

iperugorria · April 2018

Hi, could you also provide code to change the action bar background color? Thanks!

Bryan · April 2018

Hi,
the action bar background can be changed in theme options>colors>action bar
thanks

How to center action bar and change background color

Comments