Support » Plugin: Getwid - Gutenberg Blocks » Using font awesome icons from Getwid plugin

  • Resolved audunmb

    (@audunmb)


    Getwid obviously includes Font Awesome. Is there a way to access the icons outside of the blocks ?
    So that I can use code like this:
    <i class="fa fa-address-book" aria-hidden="true"></i>

    I don’t want to install another plugin to be able to access Font Awesome icons, when it’s already installed.
    Can I add something to functions.php or style.css to access the icons from the plugin directory?

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Support dimned

    (@dimned)

    Hi @audunmb, thank you for your question. The font awesome is enqueued globally so you should be able to add icons even without using blocks. You just need to be sure that the Getwid plugin is activated.

    Thread Starter audunmb

    (@audunmb)

    Thanks. I was testing now with
    <p>Test <i class="fas fa-globe"></i><p>
    It didn’t show anything.
    But if I add an icon block on the same page, it works.

    I guess this has something to do with the Getwid setting “Load CSS and JS of blocks on demand”.

    Is there a way to bypass this without loading all CSS and JS on all pages?

    Plugin Support dimned

    (@dimned)

    Hi @audunmb,
    Could you please describe your situation in more detail? Why you do not use blocks to add icons to the page? Where exactly on the page you wish to add an icon and what you try to achieve? Thanks.

    Thread Starter audunmb

    (@audunmb)

    I use icons several places on our site, such as in the menu and in event posts from the Event Manager plugin (example).

    Currently icons are provided by an outdated plugin that I want to uninstall, so if I could use the Getwid plugin to add icons instead that would be great.

    If possible, I would also add icons to buttons (maybe you can add that as option).

    • This reply was modified 2 years, 6 months ago by audunmb.
    Thread Starter audunmb

    (@audunmb)

    An issue with Icon blocks is the inability to add several icons on one line. Blocks stacks vertically, so if I for instance want to add some social media links I need to add columns first to make them stack horizontally.

    Plugin Support dimned

    (@dimned)

    Hi @audunmb, You may try to apply custom CSS styles to align the icons horizontally. You may send a link to the page where the icons are placed vertically and I’ll try to offer CSS code to align them horizontally.

    Thread Starter audunmb

    (@audunmb)

    Thanks, but adding a few icons in a row is rather easy both with html and css. But that means that I have to have access to the icons in the first place.

    For now I’ve disabled “Load CSS and JS of blocks on demand”, and can add icons anywhere.

    Adding columns and then placing icon blocks in the columns also works.

    Though, consider adding the option to have a row of icons a feature request.

    Also some accessibility options for the icon block would be nice.

    Plugin Support dimned

    (@dimned)

    Hi @audunmb,
    Thanks for your feedback. We will take it into consideration. Do not hesitate to contact us if you have any further questions or suggestions.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Using font awesome icons from Getwid plugin’ is closed to new replies.