Hello kim_nguyen,
=> Put below css code into Additional CSS textarea (Dashboard >> Apperance >> Customize) then click on Save & Publish button.
=> If there is no Additional CSS option then put below css code into your current theme’s style.css file located at wp-content/themes/your_current_active_theme/ folder.
/*** Contact Button***/
.footer-widget-area a.button1 {
color: #fff;
}
.footer-widget-area a.button1:hover {
background: #267aaa;
color: #fff;
}
/***Email Address***/
.footer-widget-area a:hover {
color: #111;
}
Note : All Changes you done in style.css or other file are gone when you update theme. So prefer Child Theme
Hope this will helps you.
Thanks for helping out, AddWeb!
Kim, did that do the trick? You can modify any of the colour codes provided above to your preferred ones, adding the CSS in the custom CSS editor where you already put your button code.
Learning how to target your site’s CSS will help you make more design and layout changes in the future. Here are some very helpful posts that will help you customize your site with CSS:
https://dailypost.wordpress.com/2013/07/25/css-selectors/
http://dailypost.wordpress.com/2013/06/21/css-intro/
http://dailypost.wordpress.com/2013/08/29/css-matched-rule-pane/
http://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/
http://blog.thewcc.com/a-web-inspector-tutorial-for-front-end-developers/
https://cssworkshop.wordpress.com/
