Action bar icons and text color

voemian · September 2016

Hi,

How can I modify the action bar text color (phone and mail) without modify the color of the rest of the links from the site?

The action bar icons have transparence, how can I give the same transparence to the text?

Thanks

Albert · September 2016

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

voemian · October 2016

Thanks, but it don't answer my question. This CSS code change the color of all elements (Text and icons) of the action bar and don't let change the hover color...

I only want to change the color of the text and it's hover color, concretely I wanna a change to white color with transparence(like the icons) and white without transparence on hover.

Also I'd like to adjust the actual transparence of the icons.

Albert · October 2016

Please send us link to page where you would like to change these colors so we can have a look on it first.

voemian · October 2016

Now all the contents are white, but I used the link color in the color options of the theme and change all the links color of the rest of the site and I don't want it. Also the icons have transparence and i'll like make the text (phone and mail) with the same transparence.

The link is: vallflorida.com

Albert · October 2016

Ok, so to do it exactly the way you described above, please use:

#Action_bar .contact_details li a {
    color: rgba(255, 255, 255, 0.5) !important;
}
#Action_bar .contact_details li a:hover {
    color: #FFF !important;
}

voemian · October 2016

Works perfect! Thank you very much!

I'll increase the transparence of the texts to 0.8 instead 0.5, but if I want less transparence for the icons?

Albert · October 2016

You need to deactivate maintenance mode first.

voemian · October 2016

Sorry, now is deactivated

Albert · October 2016

Ok, so to change icon's transparency, please use:

#Action_bar .contact_details li > i {
    color: rgba(255, 255, 255, 0.8) !important;
}

voemian · October 2016

It works perfect with the phone and mail icon, but don't change the social icons.

Albert · October 2016

All details about changing social icons color you can find on this forum already http://forum.muffingroup.com/betheme/discussion/409/changing-social-icon-and-action-bar-icon-colors

voemian · October 2016

It was very useful, thanks!

Action bar icons and text color

Comments