Action Button Color

HansenAusBerlin

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

Hi,

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

HansenAusBerlin

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

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; }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

HansenAusBerlin

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

Albert

You are welcome!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

umbrella_co_uk

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

Albert

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

aziziorama

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

Albert

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

nikolasa

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

Pablo

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

praveen49

Where do we add the code to hide the action button

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

Phil

Hi @praveen49,

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

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

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

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

rrramirez-ra

I'm having this same issue and I can't seem to get any CSS solution to work.

https://cjbiomaterials.wpsc.dev/

Phil

In your website source, I do not see the CSS code from my previous message, and it should work correctly on your website.

Are you sure that you put it in the correct place and saved the theme options? Do you have any caching enabled on your website?

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

rrramirez-ra

I did. I have been actively working on it so it might have been temporarily removed when you checked. I'll leave it in place now.

Phil

In the file for custom CSS, I can see only one code. It has some misconfiguration and is not for hiding the action button.

If you want to make it work, it should look like this:

And to hide it, it should look like this:

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next