Font Awesome icons with a circular background

Community Forums Forums Design Tips and Tricks Font Awesome icons with a circular background

This topic is: not resolved

Tagged: 

This topic contains 5 replies, has 2 voices, and was last updated by  daymobrew 5 months, 4 weeks ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #106940

    inga
    Member
    Post count: 13

    Hi,
    I followed Sridhar’s tutorial: http://sridharkatakam.com/font-awesome-icons-circular-background/
    but I am struggling to figure out how to change the css so it fits Minimum Pro, after header image… I would be very happy if someone could help me with this.

    Thank you

    Best regards

    Ingebjørg

    http://ilzerudzite.com
    #106946

    daymobrew
    Member
    Post count: 10

    Can you post a link to the page where your changes can be seen?
    (http://ilzerudzite.com/ is using circular images)

    #106952

    inga
    Member
    Post count: 13

    OK, now you can try again: http://ilzerudzite.com, I just made the change and now I cached…

    #107002

    daymobrew
    Member
    Post count: 10

    What is the problem – is it the dotted line under the Font Awesome icons?

    If so, they are because of the border-bottom style on the ‘a’
    border-bottom: 1px dotted #333

    You could disable this for the FA icons with something like:

    .circle-icon a {
      border-bottom: none
    }
    #107087

    inga
    Member
    Post count: 13

    Thank you a lot ;-)
    I made it, and now it’s perfect thanks to you…and a little bit me :-)

    #107088

    daymobrew
    Member
    Post count: 10

    I love the spinning.

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

You must be logged in to reply to this topic.