How to change color of top bar icon?

Bhatti22 · January 2016

hy, how to change top bar color icons? you can see my this site www.quranicclasses.com in this site on the top bar (Menu & Action Bar) which is on the top... the icons are in white color i want to change the colors of the icons and same social icons color? from where can i do ?

Albert · January 2016

Hi,

you can change colors of Action Bar with custom css only:

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

Bhatti22 · January 2016

should i need to add this above code in style.css file?

kindly guide me where i need to add ? Then i can change the color my self...

Albert · January 2016

Each custom css should be added under Theme options > Custom CSS & JS > Custom CSS section.

Bhatti22 · January 2016

That's work for me ... Thanks a lot and what is the code for social icons which appears on the same bar to the right side? i also want to change their's icon colors. kindly just send me then code..

Albert · January 2016

This has been already explained on http://forum.muffingroup.com/betheme/discussion/1610/changing-the-social-icon-color

Bhatti22 · January 2016

Thanks a lot it's great ... work for me...

Albert · January 2016

We are glad to hear that!

How to change color of top bar icon?

Comments