Changing Colour of Social Media icons in the Footer

Why can’t you achieve it with the bottom, what have you tried?

Nothing.
I’m kind of a newbie to all this.

I expected that by adding:

.social-block a {
color: #39c6f4;
}
.social-block a:hover {
color: #414a9e;
}

It would’ve changed both sets but somehow it’s only done the top ones and not the bottom ones.

Whereabouts are you adding this?

I’ve managed to create a child theme and I’m adding this to the Stylesheet (style.css).
Is that not correct? :-S

I’m only picking things through reading this forum so I hope I haven’t got all mixed up…

Is that not correct? :-S

To answer that, no, no it is correct.

The footer social icons use different classes so you will need to add that class to your header styles:

.social-block a,
.social-icon { color: #39c6f4; }

.social-block a:hover,
.social-icon:hover { color: #414a9e; }

https://developers.google.com/chrome-developer-tools/

Those codes are for the top ones, am I correct?

I’ve managed to do those, it’s the bottom ones I’d like to change…

I’m not understanding the different classes bit.
I’m really sorry… Only dived in today with this and it’s all a bit scary. ??

In CSS you can target different elements in the same style, so yes those codes are for the top ones but they are also for the bottom.

Edit: Sorry, here’s a better resource https://webdesign.about.com/od/cssselectors/qt/tipcssgroupsele.htm

Sorry, Andrew, I’m not following any of this…
As I said, I’m completely new to all this.

If I add the codes pasted above:

.social-block a,
.social-icon { color: #39c6f4; }

.social-block a:hover,
.social-icon { color: #414a9e; }

Only the ones in the Menu bar change, the ones in the footer don’t.

If I’m following to understand your response, both should in principle change with those codes?

Where did you add that https://social-be.be/wp-content/themes/SocialBe/style.css?ver=3.0.4 ?

& Your Child Theme is not set up correctly from what I understand.

I uploaded the child theme and named it customizr.
It is recognised by WP as a Child Theme of Customizr…

Any edits I do, I’ve made them in:
Theme, Editor then I’ve selected customizr.
It does read: This child theme inherits templates from a parent theme, Customizr.

I’ve then selected the Stylesheet (style.css)right at the bottom of the list.

Have I done it all wrong?

Put your CSS below this:

/*

Theme Name: customizr

Theme URI: https://www.themesandco.com/customizr

Description:  Child Theme of customizr
Author: nikeo
Author
Author URI: https://www.themesandco.com/

Template:customizr
Version: 3.0.4
*/

@imprturl ("../customizr/style.css");

Thank you. All done! ??

Then change this:

@imprturl ("../customizr/style.css");

To this:

@import url("../customizr/style.css");

Thank you.
I did say I had no idea what I was doing. ??

Surprised I’ve got as far as I have without it looking a complete mess!

Lol you had good intent.

Anyway you still don’t have that code I recommended in your Child Theme style.css file.