Add font awesome icon before heading?

Elochukwu Uzoeto answered on October 11, 2022 Popularity 3/10 Helpfulness 4/10

answer Add font awesome icon before heading?

Add font awesome icon before heading?

Comment

.icon {
    text-decoration: none;
    text-size: 1em;
    display: inline;
    margin: 0 0 1.5em 0;
    padding: 0.35em 0 0 3.5em;
    position: relative;
    vertical-align: baseline;
    height: 0.5em;
    width: 48%;
}

.icon:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-transform: none !important;
    background: #4acaa8;
    border-radius: 100%;
    color: #ffffff;
    display: inline-block;
    height: 2.5em;
    left: 0;
    line-height: 2.5em;
    position: absolute;
    text-align: center;
    top: 0;
    width: 2.5em;
}

Popularity 3/10 Helpfulness 4/10 Language css

Source: stackoverflow.com

Tags: add css font-awesome

Link to this answer
Share Copy Link

Contributed on Oct 11 2022

Elochukwu Uzoeto

0 Answers Avg Quality 2/10

Add font awesome icon before heading?

Contents

More Related Answers

Add font awesome icon before heading?

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.