MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

    MM-MyWastePickup - is it possible to change icons?

    Scheduled Pinned Locked Moved Feature Requests
    6 Posts 6 Posters 1.7k Views 6 Watching
    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.
    • M Offline
      MM2020 @MM2020
      last edited by

      @j-e-f-f
      Really no reply at all?
      Nobody?

      EthyxE 1 Reply Last reply Reply Quote -1
      • EthyxE Offline
        Ethyx @MM2020
        last edited by

        @MM2020 oof buddy.

        1 Reply Last reply Reply Quote 0
        • B Offline
          Bunnybooter
          last edited by Bunnybooter

          I’ve managed to amend the image_sprite.svg. You need to replace the "path… "segments of the symbol for those of the new image you want to use. You also need to amend the view box size to match then of the svg graphic you are wanting to use.

          1 Reply Last reply Reply Quote 0
          • F Offline
            Flores58
            last edited by

            It is also possible to specify Custom in case you want to use your own custom pickup schedule. See below for more information about using your own schedule.

            mygiftcardsite

            1 Reply Last reply Reply Quote 0
            • J Offline
              Johans
              last edited by

              I had the same issue solved it as follows as I’m not able to modify the ‘icon_sprite.svg’ image

              So I deleted that file and modified the css file. That’s working good for me. Finally I would like to pick the images from a local directory but do not know how to do that in css - so for now i used these links - see below

              
              .MMM-MyWastePickup .pickup-container .waste-pickup-icon-container .waste-pickup-icon.recycle {
                background-image:url('https://www.svgrepo.com/show/205771/money-bag.svg');
              }
              
              .MMM-MyWastePickup .pickup-container .waste-pickup-icon-container .waste-pickup-icon.compost {
                background-image:url('https://www.svgrepo.com/show/286795/bin-trash.svg');  
              }
              .MMM-MyWastePickup .pickup-container .waste-pickup-icon-container .waste-pickup-icon.garbage {
                background-image:url('https://www.svgrepo.com/show/43224/bin.svg');  
              }
              
              .MMM-MyWastePickup .pickup-container .waste-pickup-icon-container .waste-pickup-icon.yard_waste {
                background-image:url('https://www.svgrepo.com/show/198530/alcoholic-drink-bottle.svg');
              }
              .MMM-MyWastePickup .pickup-container .waste-pickup-icon-container .waste-pickup-icon.christmas_tree {
                background-image:url('https://www.svgrepo.com/show/221576/paper-sheet.svg'); 
              }
              
              
              1 Reply Last reply Reply Quote 0
              • 1 / 1
              • First post
                Last post
              Enjoying MagicMirror? Please consider a donation!
              MagicMirror created by Michael Teeuw.
              Forum managed by Sam, technical setup by Karsten.
              This forum is using NodeBB as its core | Contributors
              Contact | Privacy Policy