Awaiting an answer Templates

Font Awesome in Helix

Asked by Saint Maur International School 4 years ago Last activity 4 years ago

I've tried to style some blockquotes so as to use font awesome quotations marks but all I get is a placeholder. Example here on the quotes in red.

How do I go about displaying those correctly? I assumed they were part of the framework?

Thanks.

2 replies

Oldest first Newest first Most helpful
Paul Frankowski Senior Staff
4 years ago · edited

Hi,

Yes, Helix Ultimate 2.0.x uses Font Awesome 5 Free.

Your custom CSS code is not fully correct, wrong font name (!) and missing font weight - that's why it doesn't work. Please check deeper on FA website how it should look like.

Here is correct version - compare what I changed

blockquote::before {
  content: "\f10d";
  color: #d13030;
  font-size: 32px;
  font-style: normal;
  font-family: "Font Awesome 5 Free";
    font-weight: 600;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
}

foto_8714_2022.png

Saint Maur International School Asked this
4 years ago

Oh, my bad, thank you for correcting it for me!

Log in to reply.