Facebook icon in footer area looks like it's not aligned when website is viewed

Just purchased the Pro version of Blackbird yesterday; beautiful theme!

When viewing my website, www.blaescommunications.com , in Google Chrome and Internet Explorer, it appears the round, yellow Facebook icon circle is not aligned with the others. It appears to be off one space; however, when I view the site in Mozilla Firefox, it is aligned. Can you assist me so the site looks consistent regardless of the browser used?

One more question: How do I change the navy blue in the footer area to match the blue in the blue theme option? Thanks! Valarie

 

1.For your first issue
We have visited your website the problem is occurring due to any one of the plugin you are using, Deactivate all plugins one by one and checkout which plugin creating this problem.
2.For your second issue
Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.footer-wrapper {
background-color: #034c81;
}
.footer {
background: #034c81;
}

 

The blue changed at the bottom, but does not span the whole page. Is there a way to fix this? Thank you. Valarie

 

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.footer-wrapper {
background-color: #034c81!important;
}
.footer {
background: #034c81!important;
}

This will solve your issue.

 

Thank you for your quick responses. Couple of more questions:

How do I change the font to be bold white in the widget areas? Also, I'm trying to change the bottom footer where Inkthemes info. is located from black to maybe white so it's not such a stark look next to the blue. I appreciate all of your help; gotten compliments on the site (and the theme?!). Valarie

 

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.footer .widget_inner a{
color: your color value;
}
.footer .widget_inner a:hover {
color: your color value;
}
.footer .widget_inner {
color: your color value;
}
.footer_bottom .footer_bottom_inner span.copyright {
color: your color value;
}
.copyright a {
color: your color value;
}

 

Nitesh, I tried that and it didn't work.

 

You have added code in a wrong way.
Add this code to make text bold

Code:

.footer .widget_inner a{
color: white;
font-weight:bold;
}
.footer .widget_inner a:hover {
color: white;
font-weight:bold;
}
.footer .widget_inner {
color: white;
font-weight:bold;
}
.footer_bottom .footer_bottom_inner span.copyright {
color: white;
font-weight:bold;
}
.copyright a {
color: white;
font-weight:bold;
}

 

Thanks! You guys rock! Valarie