Home › Forums › Basel support forum › CSS code to add a circular black border to social icons

CSS code to add a circular black border to social icons

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 4, 2018 at 10:11 am #50805

    raulo460
    Participant

    I attach screenshot. how would the css be? thanks

    Attachments:
    You must be logged in to view attached files.
    April 4, 2018 at 11:05 am #50816

    Elise Noromit
    Member

    Hello,

    Try to add this CSS: 

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

    Best Regards

    April 4, 2018 at 11:12 am #50818

    raulo460
    Participant

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

    Attachments:
    You must be logged in to view attached files.
    April 4, 2018 at 12:34 pm #50832

    Elise Noromit
    Member

    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

    April 4, 2018 at 6:59 pm #50879

    raulo460
    Participant

    It works, thanks.

    April 4, 2018 at 7:30 pm #50885

    Elise Noromit
    Member

    You are always welcome!

    Best Regards

  • Author
    Posts

Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘CSS code to add a circular black border to social icons’ is closed to new replies.