• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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.

MMM-Carousel Pagination Icons

Scheduled Pinned Locked Moved Development
48 Posts 8 Posters 3.2k Views 9 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.
  • S Away
    sdetweil @karsten13
    last edited by 28 days ago

    @karsten13 ok, I forgot we are restrictive

    Sam

    How to add modules

    learning how to use browser developers window for css changes

    C 1 Reply Last reply 27 days ago Reply Quote 0
    • C Offline
      com1cedric @sdetweil
      last edited by 27 days ago

      @sdetweil and @karsten13

      thank you for your inputs.

      I tried it and put the image (downloaded from flaticon.com) on the CSS file

      Capture d’écran 2025-04-15 à 10.03.26.jpg

      When I search for it in the Chromium browser (to be sure the URL is correct), it works

      Capture d’écran 2025-04-15 à 10.04.42.jpg

      but when I put this path in the custom.css files, with full or shorten path, it does not appear…
      Capture d’écran 2025-04-15 à 10.13.37.jpg

      in the console, I do not find anything suspicious (I only use mm-page and mm-page-indicator, and no carrousel).

      Capture d’écran 2025-04-15 à 10.16.37.jpg

      S M 2 Replies Last reply 27 days ago Reply Quote 0
      • S Away
        sdetweil @com1cedric
        last edited by sdetweil 27 days ago 27 days ago

        @com1cedric again, we wont load the file path url,

        /home/… in not one of out supported folders

        it has to be MagicMirror web server based , from the MagicMirror folder as root (/)

        url('/css/house.svg')
        

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        K 1 Reply Last reply 27 days ago Reply Quote 0
        • K Offline
          karsten13 @sdetweil
          last edited by 27 days ago

          I did a test with default calendar and custom.css:

          .calendar div.module-content::after {
            content: url("/css/k13.svg");
          }
          

          or

          .calendar div.module-content {
            content: url("/css/k13.svg");
          }
          

          which works (svg is visible).

          So maybe something with your css concerning the child-stuff is wrong (my css knowledge is to bad to help here)

          1 Reply Last reply Reply Quote 0
          • M Online
            mumblebaj Module Developer @com1cedric
            last edited by 26 days ago

            @com1cedric MMM-page-indicator was updated recently so you do not have to use the nth-child stuff anymore. Checkout the latest version and the readme. I have added some samples of how you can use it. You should reference the svg as either @sdetweil or @karsten13 has shown and it should work.

            Check out my modules at: https://github.com/mumblebaj?tab=repositories

            C 1 Reply Last reply 26 days ago Reply Quote 1
            • C Offline
              com1cedric @mumblebaj
              last edited by 26 days ago

              @mumblebaj , @karsten13 and @sdetweil , thank you really for your help with this matter. I will test tomorrow and hope all this story will help other user in the future to profit from all your great job!

              1 Reply Last reply Reply Quote 2
              • 1
              • 2
              • 3
              • 4
              • 5
              • 5 / 5
              5 / 5
              • First post
                47/48
                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