No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    Replace FontAwsome Icon

    Help
    1
    2
    1094
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • P
      packy last edited by

      So in the past I have replaced fontawsome icons with my own like so:

      .fa-map:before
        content ''
        background url('~assets/route.svg')
        width 30px
        height 30px
      

      This method works great when running in on my browser using quasar dev ios but when I run this on my actual device by doing a build and opening up XCode to run on my IPhone the icons for the old font awesome are there plus my replacement ones.

      See Below
      0_1499135350419_Screen Shot 2017-07-03 at 7.28.30 PM.png

      1 Reply Last reply Reply Quote 0
      • P
        packy last edited by

        So I guess you need to make sure to add !important after content. It doesnt need it on chrome emulator but on the actual device it does

        .fa-map:before
          content ''!important
          background url('~assets/route.svg')
          width 30px
          height 30px
        
        1 Reply Last reply Reply Quote 2
        • First post
          Last post