I know that there is a font awesome cheat sheet that lists all the icons, however pulling in by class name fails for me. Something like the below is producing a console error that it cannot find the icon. <FontAwesomeIcon…
I am want to replace a icon (Font Awesome) with an other. I try this : const toolbar1 = document.querySelector("#toolbar1"); const iconToReplace = toolbar1.querySelector(".fa fa-arrows-alt"); iconToReplace.innerHTML = '<i class="fa-fa-compress"></i>'; <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> But it didn't work. Is there a solution? Thanks…
This is my header component : <header class="header"> <div class="icon-container"> <ul> <li class="list-item"><i class="fa-regular fa-bell"></i></li> <li class="list-item"><i class="fa-solid fa-gear"></i></li> <li class="list-item"><i class="fa-solid fa-arrow-right-from-bracket"></i></li> </ul> </div> </header> This code can display the icons in fontawesome when I import the font-awesome before…
I have imported a font awesome library in the header as <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> and I have in the body <i class="fa-brands fa-medium"></i> which does not render (is blank). I am trying to get the icon from this library, but…
How can I make a font awesome icon bigger in a website? I used a template from Creative Tim to make a land page (Template used = Paper kit). But in the nav-bar I have three icons of youtube, instagram…
How do I add an icon using Font Awesome, or other means, to a list item on the right, as shown? I have 4 sections of text to the right, and I would like to convert them into an expandable…
I am trying to make a homepage of some sorts and I can't find a way to make a div center, I can't really explain it good so the picture might help The piece of code I'm trying to fix…
I have a wordpress website to migrate to another server. At the moment I am testing the result of the migration that is done using All In One Migration plugin. You can see here the original website instead here the…
I'm trying to add a shake effect to a font-awesome icon whenever hovering over the hyperlink beside it. The HTML looks like this: <div class="icon-hyperlink"> <span> <i class="fas fa-phone p-2"></i> </span> <span> <a href="tel:XXXX XX XX XX">John: XXXX XX XX…
How can I get the link to have a underline but the (fontawesome) icon ::before not? ::before text decoration:none; doesn't work .btn--tertiary { font-size: 16px; line-height: 24px; padding-left: 0; color: #007e9e; text-decoration: underline; border: 0 solid #fff; background-color: #fff; display:…