Make Brand Header social icons visible in dark theme?

How can I make these social logos visible in a dark theme? I want them to have %100 opacity with white color.

Screenshot_2

1 Like

It should adapt to your color scheme and be at a 1.0 opacity already, but just in case, add this in your theme css

.b-header .panel > ul.icons a, .b-header .panel > ul.icons [class^="fa fa-"] {
    color: #fff;
    opacity: 1;
}
4 Likes

I’ve added this into CSS but it didn’t change anything.

Should I change something here as well?

Try this:

.b-header .panel .d-icon {
fill: #FFF;
}
7 Likes

This solved the issue, thank you.

4 Likes

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.