Service Icon Circles With CSS Hover Effect

[Historical Forums User]

I’m trying to change the color of the text and icon when I hover over them, but it’s not working.

I’ve tried using

.circle a:hover {color: #fff;}

Here is a codeine for it

https://codepen.io/aaron4osu/pen/vJRqWo

any ideas?

[rkieru]

You just want the text and icon to change to white on hover? Should be pretty simple:

.circle:hover h2,
.circle:hover .fa { 
  color: #fff; 
}

[Author]

Posts