How do I add stacked font-awesome icons before the section title?

  • Hi there,

    I would like to use font-awsome css values to add stacked font awesome icons above the section title. I would like to implement this with CSS and/or HTML to add to my existing code.

    i.e.

    1. A heart shape centered with a circle around it
    2. The stacked icons should be centered above the section title

    Please recommend using font-awsome css values only i.e. “/f122”

    Cheers
    BJ

    • This topic was modified 8 years, 3 months ago by Jan Dembowski.
Viewing 2 replies - 1 through 2 (of 2 total)

  • Hey there,

    You can try adding this in Customize => Additional CSS :

    .section-title:before { content : "\f122"; margin-right: 10px; }

    Let me know how it goes!

    Thread Starter beachsand14

    (@beachsand14)

    Cheers @congthien

    Thanks for your response. It did not work. Instead, a small square is displayed where the font-awesome icon is to be placed. I don’t think your recommendation supports stacked icons because there is reference to only 1 font-awesome icon and doesn’t specify which one is larger.

    I think this is going to be a bit more complicated than I expected.

    Thanks again,
    Brody James

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How do I add stacked font-awesome icons before the section title?’ is closed to new replies.