How to change BeTheme Action Bar link colour

jamesn84 · September 2014

Hello

I'm using BeTheme Renovate theme and the Action Bar at the very top is using dark blue colour links, which is difficult to read on a dark gray/black background. I inserted HTML code to it in BeTheme Option but it doesn't change it properly, i guess I need to change it in CSS, preferably in Child Theme Editor. I would like to change it from dark blue to just white colour. Can you please assist with this.

Thanks

Regards

James

Albert · September 2014

Hi James,

please send us url to page where this happen and we`ll give you right css for that.

marius7 · September 2014

Hi - I also have the same problem. The link is the same color as the background and I can't seem to find where to change it. It's for the phone/email in the action bar area.

Albert · September 2014

@marius7 For that please use below css:

#Action_bar .contact_details li { color: #000 !important; }
#Action_bar .contact_details li a { color: #000 !important; }

marius7 · September 2014

that worked great. I had found it in another thread but thank you much!

lee1969123 · October 2014

Hi - I am also looking for some css code for this. I need it for the top action bar (text / phone icon / envelope) above the header bar for the betheme business.

Albert · October 2014

@lee1969123 Css's you need, we gave above so we don`t understand what else you look for.

bomerang · March 2015

Hi @muffingroup,

I first added 2 phone numbers to the action bar, but now I have tried to delete one phonenumber, which seems not to be possible. Every time I take away the second phone number it reappears. So no I just have a blank step there, but ofcourse the second phone icon still appears. How can I keep only one phone number? Thank you in advance!

Albert · March 2015

Hi,

This is weird. Please send us private message with your dashboard login details and we will check it for you

Thanks!

kb0440 · June 2015

Does this work for the font size of the action bar as well? I tried:

#Action_bar .contact_details li { font-size: 20px !important; }

#Action_bar .contact_details li a { font-size: 20px !important; }

and nothing is happening.

Advancedmodular · June 2015

I'd also like to change the font size as above and also the character set/font.

Keen to hear the answer

Albert · June 2015

Yes, above css should work. But to increase all elements in action bar, you can use below css as well:

#Action_bar { font-size: 20px !important; }

But if above css does not work, it means you got errors in css somewhere and that's why any code after mistake does not work properly.

ecentric · November 2015

My action bar background color happens to be the same color as my active text links for content pages, thus making them invisible in my action bar. Is there anyway to make the text links in my action bar just white? Thanks so much.

Albert · November 2015

@ecentric Please send us url to page where you got this issue and we'll have a look on it.

temeculasocialmedia · December 2015

Okay, can anyone help with how to insert this code into the css?
I am a novice.

Albert · December 2015

@temeculasocialmedia Each css should be pasted under Theme options > Custom CSS & JS > Custom CSS section.

temeculasocialmedia · December 2015

@muffingroup, does it matter where or how?
I just want to be extra cautious.

How do WordPress updates effect these features?

Albert · December 2015

@temeculasocialmedia No, it does not matter where or how. But if you did a mistakes in custom css somewhere, then any css below won't work. Settings in muffin options panel does not have any impact on updates because all settings are stored in database.

temeculasocialmedia · December 2015

@muffingroup, I realized this as I was thinking about how it works this morning. I like this WordPress feature, thank you very much!

Albert · December 2015

You're welcome @temeculasocialmedia !

jamiegascoigne · March 2016

Hi, this does the phone side, but i also have a menu to the right, and the links arent affected

Albert · March 2016

@jamiegascoigne Please send us private message with dashboard access to your site and explanation of what exactly you want to do.

KIM1374RAES · March 2016

Hello, i would like to change the BACKGROUND Color of the action bar
As well as the Higlight color in the Menu. This in the demo insurance it doesnt seem to work when using the betheme option color pannel. Almost nothing i change overthere has an influence on the webpages itself.

2.
It seems that the footer is alwas page related. I can't get it right, meaning i would like a uniform footer that i set in the be theme option pannel, but nowwhere this is set rigt?

Albert · March 2016

@KIM1374RAES

1) All details about changing Action Bar background color and text, you can find in topics below:

http://forum.muffingroup.com/betheme/discussion/12365/how-to-change-the-background-color-of-the-action-bar

http://forum.muffingroup.com/betheme/discussion/1021/how-to-change-betheme-action-bar-link-colour

2) Sorry but we are not sure what you mean. Please tell us what you want to do exactly and also please send us link to page where you got this footer.

KIM1374RAES · March 2016

I installed the demo insurance

I'm wondering how i can make one footer that's the same on all the pages. When i use the betheme pannel>Footer en fill out everything it doesnt show.
So that's what im looking for, or make one footer on one page and that footer somehow copy or clone to the other pages.

Thanks the link is a Digital Ocean ip, the domain is not yet linked http://146.185.135.240/

Albert · March 2016

If you want to use same footer on all pages, you must remove the following css from Theme options > Custom CSS & JS > Custom CSS section first. After that, you must set own copyright under Theme options > Footer section. Please notice that this is the only solution to have same/default footer around whole site because the one on Be|Insurance was made with Muffin Builder.

KIM1374RAES · March 2016

OK thanks

Albert · March 2016

You're welcome!

offcyclers · March 2016

Hi Muffingroup,

Above you mention on how to change the color of the links in the Action Bar, but what about the color of the SOCIAL ICONS on the Action bar? My action bar is set to Background color White, and I would like the Social icons to be black.

Thank you in advance

DebLiz · March 2016

Hi @offcyclers,

The answer for your question is here: http://forum.muffingroup.com/betheme/discussion/409/changing-social-icon-and-action-bar-icon-colors#latest

Hope that helps

offcyclers · March 2016

@DebLiz Thank you so much! I tried looking for the discussion because I knew other people must've had the same question. Worked like a charm!

Thank you so much!

How to change BeTheme Action Bar link colour

Comments