Action Button Color

HansenAusBerlin · January 2016

Hi,

I'd like to change the colour of the action button. I know I can do that by changing the theme color, but I don't want to change the other elements' color, just the action button. Could you paste the css code to do that? Thanks in advance!

Hansen

Albert · February 2016

Hi,

please send us link to page where you want to change action button color.

HansenAusBerlin · February 2016

deep-dream.eu pw: klangwelt

Another question about the action bar (same page): I want it to be shown on all pages except the home page. Is there a code snippet for that as well.

Albert · February 2016

Thanks. So to change action's button color, you need to use extra css:

#Top_bar a.button.action_button { background: #000 !important; color: FFF !important; }

But to remove action bar from homepage only, use:

.home #Action_bar { display: none !important; }

HansenAusBerlin · February 2016

Wow, thanks a lot for your fast and competent support! It worked fine.

Albert · February 2016

You are welcome!

umbrella_co_uk · January 2017

Hi guys, is there any way to control the size of the action button? alternatively align the action bar elements to the right?

Albert · January 2017

@umbrella_co_uk Please send us link to page where you would like to do this first.

aziziorama · January 2017

Hi, how can I change the font's colour in the action button to black or other colour?

Albert · January 2017

@aziziorama You can change its color with custom css we left above.

nikolasa · July 2021

I'm trying to use that same css and it's not working - any suggestions?

Pablo · July 2021

Hello @nikolasa,

Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us the link.

It is always a good idea to also attach a screenshot showing your issue.

Thanks

praveen49 · March 12

Where do we add the code to hide the action button

.home #Action_bar { display: none !important; }

Phil · March 13

Hi @praveen49,

You can put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Also, your CSS feres to the Action bar, not the Action button. For the Action button, please, use this CSS:

.home .action_button { display: none !important; }

Thanks

Action Button Color

Comments