Introduction

Hi Friends!

Glad you’re interested in this project :D

I spent the last few days reorganizing my work on this so that it’s easier to install. There’s definitely a chance that my CSS files can mess with you’re current layout, but this shouldn’t be too big of a problem, as long as you back your files up!

Installing the CSS

1. Backup your current main.css file:

• Rename your main.css file to main.css.bak. All this does is hide the file from MagicMirror so that we can use my main.css instead

2. Get the new css:

• Create a new file in your /magicmirror/css directory called main.css
• Copy the following contents and paste it in.
  • main.css
• Copy the following contents and paste it below your current custom.css:
  • custom.css

Getting Pexels Wallpaper

1. Install the module MMM-Wallpaper

• Follow the instructions on the Github

2. Get a Pexels API key

• Note: It might take a day or so for them to get back to you. I did this a while ago, so I don’t exactly remember what I wrote down. I’m pretty sure I just linked to the magicmirror.builders website in the field that says “URL of your website”
• Screenshots

3. Configure the Module

• Start with this in your config.js:
• Input the orientation of your MagicMirror (either ”horizontal” or ”vertical”)
• Input your API key
• Input your pexels_search (I use ”forest” for my setup and the screenshots that you see). Basically, this returns the top search results of that keyword from https://pexels.com

4. Come say thanks at the forum! I’d love to see a screenshot of what the setup looks like and see if there’s anything that I could improve with the styling.