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-DailyJuice

    Scheduled Pinned Locked Moved Health
    5 Posts 2 Posters 531 Views 2 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.
    • BerkSmash1984B Offline
      BerkSmash1984
      last edited by

      Do you juice? Do you have a hard time figuring out what juice to make on a given day? No worries, let the Daily Juice MagicMirror module decide for you!

      https://github.com/BerkSmash1984/MMM-DailyJuice

      This module scrapes a random juice recipe from https://juicerecipes.com and displays it on your MagicMirror. It also includes a clickable link (if using a touch screen) that opens your default browser to show detailed ingredient information, nutrition facts, reviews and how to make the juice being displayed.

      1e2c4f52-a7e8-4472-9837-948152223781-image.png

      5240581c-be86-4c8c-a726-a784a64b134d-image.png

      0fdf2eba-0a10-497c-833f-e97758902f63-image.png

      Now go get your juice on and reap the benefits!

      If you have any suggestions for improvements or features, let me know!

      1 Reply Last reply Reply Quote 1
      • N Offline
        Niggich
        last edited by Niggich

        Nice Module, but I have a problem with the position of Juice Title. Here’s a Screenshot… Maybe somebody have an idea? Thanks…

        Screenshot 2025-03-16 121225.png

        BerkSmash1984B 1 Reply Last reply Reply Quote 0
        • BerkSmash1984B Offline
          BerkSmash1984 @Niggich
          last edited by

          @Niggich Hmm not seeing that on mine. It looks like you are using some custom css for your display? Did you check the dev console to see what it shows for that text? I am sure you can add a custom css entry to the MagicMirror/css/custom.css file to get it corrected on your mirror to match your wider layout.

          N 1 Reply Last reply Reply Quote 0
          • N Offline
            Niggich @BerkSmash1984
            last edited by

            @BerkSmash1984 Thank You. I found a way to fix it with my custom css.

            .juice-container {
              height: auto;
              width: 200px;
            }
            .juice-title {
              font-size: 20px;
              text-align: center;
              padding: 0px;
              margin-left:auto;
              margin-right:auto;
              position: relative;
            }
            
            BerkSmash1984B 1 Reply Last reply Reply Quote 1
            • BerkSmash1984B Offline
              BerkSmash1984 @Niggich
              last edited by

              @Niggich Awesome! I hope you enjoy the module!

              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