CSS code to add a circular black border to social icons

I attach screenshot. how would the css be? thanks

Attachments:

You must be logged in to view attached files.

Hello,

Try to add this CSS:

.social-icons li a {
    display: inline-block;
    padding: 7px;
    border: 1px solid;
    border-radius: 25px;
}

Best Regards

Thanks, it works except facebook icon 🙁
See attached image.

Attachments:

You must be logged in to view attached files.

Hello,

Try this CSS code:

.social-icons li:first-child > a {
    display: inline-block;
    padding: 7px 9px;
    border: 1px solid;
    border-radius: 25px;
}

Best Regards

It works, thanks.

You are always welcome!

Best Regards

[Author]

Posts