Overwriting bootstrap icons in Quarto

Publishing Your Results
, ,
4

Yes, this is how I ended up solving it as well. I removed the icon from the template:

<a href="<%= link.href %>" class="about-link" rel="<%= link.rel %>" target="<%= link.target %>">
  <span class="about-link-text"><%= link.text %></span>
</a>

And then in the YAML for each individual, I removed the icon: and added the shortcode to the text:, e.g.,

about:
  template: ../../assets/team-member.ejs.html
  links:
    - text: "{{< fa brands orcid >}} ORCID"
      icon: fa-brands fa-orcid
      href: https://orcid.org/0000-0001-7339-0300
    - text: "{{< fa brands github >}} GitHub"
      icon: fa-brands fa-github
      href: https://github.com/wjakethompson
    - text: "{{< fa brands bluesky >}} Bluesky"
      icon: fa-brands fa-bluesky
      href: https://https://bsky.app/profile/wjakethompson.com
    - text: "{{< fa globe >}} Website"
      icon: fa-solid fa-globe
      href: https://wjakethompson.com
1 Like