How do I change the social icon color? How do I change footer button style?

[bear4]

Two questions regarding my footer:

Everything on my website is black and white, but the footer.

1) Social icon color: They are grey for some reason, and I want them to be black. How?

2) The button: I would like the inverse, where it is just outlined in black instead of the whole thing being black. When I click "Button" under form options for my newsletter form, there is no option to change the look of the button. 

[Adam7]

Are you familiar with HTML and CSS, @bear? You can probably change both of those through CSS customizations. To customize your theme, go to the Theme tab and click on Edit HTML / CSS.

[bear4]

I know what they are, but have no experience with them. Can someone walk me through it?

[bear4]

Anyone?

[Adam7]

Is your site live, @bear? It'll help our Community members to see the live site, I think.

[bear4]

[bear4]

Can anyone help?

[bear4]

Can someone help please?

[BJ5 · Accepted solution]

Try using this in Settings > SEO > Header Code:

<style>
.wsite-social .wsite-social-item {
color: #000000 !important;
}

.wsite-button .wsite-button-inner, .wsite-editor .wsite-button .wsite-button-inner {
background:#fff !important;
color:#000 !important;
}

.wsite-button .wsite-button-inner:hover, .wsite-editor .wsite-button .wsite-button-inner:hover {
background:#000 !important;
color:#fff !important;
}
</style>

[bear4]

Do I copy and paste this, or change the code to look like that

[Adam7]

I'm pretty sure you can copy and paste that code into the Header Code field like @BJ mentioned.

[bear4]

It worked!

[bear4]

Thanks!!!

[Adam7]

Glad to see someone had a solution for you!

[muhammaduzair98]

http://weeblytricks.weebly.com/how-to-change-the-size-and-color-of-your-weebly-social-media-icons.ht...

check it sir

[freebirdpaperie]

Hi there! Appreciated this code, as it helped me too! I'm also trying to change the size of the social icons in my footer. Any advice? Site: www.BodmerFamilyFootcare.com

Thank you!!

[Adam7]

Those look like regular image elements, @freebirdpaperie. If you have the original images still you could probably change the color of them with an image editing program.

[freebirdpaperie]

I ended up creating my own icons in Adobe Illustrator so I could entirely customize their color and size.

[Adam7]

Ahh - definitely a solid solution.

[HeartcraftPaper]

@Adam

Question:  Why do my social icons not show in my subcatagory pages?  I have updatd the color to what it should be, it only highlights on hoover in the editor, but on the live site it's not even a clickable image, not even when you hoover over the area. 

[Bernadette3]

Hi @HeartcraftPaper Can you please post a link to your site so we can take a look? Thanks so much!