Black bar when using MMM-carousel /w slide navigation

[tvaneynde]

Hi

i recently installed you're module (wich is great btw), but i also have MMM-carousel /w slide navigation, and i get this weird black bar.

Any fixes?

Tomas

[darickc]

I'm guessing there is some css with the MMM-carousel module that is setting the background black. If you can open it up in a browser, then you can use the developer tools to inspect the css. Then you can add css to the custom.css file to fix the issue (or ask the carousel developer to fix it).

If you are running it on another computer, you can edit the config.js and remove any values from the address and whitelist options:

address: "", port: 8080, ipWhitelist: []

Then you should be able to open it a browser by typing the the IP address with a : and then the port, which would be 8080 if the same as above. So it would be "http://xxx.xxx.xxx.xxx:8080", the x's being the IP.

Once you are able to open it in a browser, hover over the black part, left click and choose inspect. That will show you all the css for that element, it will be the right pane. And you might have to go up the hierarchy of html to find the right element. You are probably looking for something like "background: black;" or "background: #000;" Once you've found it, it may be a little tricky to add the right code to the custom.css file to fix it if you aren't familiar with css.

I was trying to install the module locally, but am having some errors with MagicMirror. If I can get it working, I'll see if I can replicate it.

[tvaneynde]

Hi

Thanks a lot for the response.

But i don’t really know a lot of CSS so i’m kinda stuck now. Sorry if i’m being annoying, but i’m a noob a this.

Tomas

[darickc]

What does your config for the carousel look like? I have installed it, but I don't see the dots. Is this the one you have installed? https://github.com/barnabycolby/MMM-Carousel

[tvaneynde]

Hi

You have to install this one https://github.com/shbatm/MMM-Carousel. This is my carousel config:

    {
        module: 'MMM-Carousel',
        position: 'bottom_bar', // Required only for navigation controls
        config: {
            transitionInterval: 0,
            mode: 'slides',
            showPageIndicators: true,
            showPageControls: true,
            slides: [
                ['calendar', 'compliments', 'clock', 'alert', 'newsfeed', 'weatherforecast', 'currentweather', 'MMM-WeeklySchedule', 'MMM-BackgroundSlideshow'],
                ['MMM-OnScreenMenu', 'MMM-AirQuality', 'MMM-BackgroundSlideshow'],
                ['MMM-iFrame', 'mm-music-player', 'MMM-BackgroundSlideshow'],
                ['MMM-Remote-Control', 'MMM-RemoteControl-Repository', 'MMM-Admin-Interface', 'MMM-connection-status', 'MMM-NetworkConnection', 'MMM-SystemStats', 'MMM-BackgroundSlideshow']
            ],
            keyBindingsMode: "DEFAULT",
            keyBindings: {
                NextSlide: "ArrowRight",
                PrevSlide: "ArrowLeft",
                Slide0: "Home",
            }
        }
    },

[tvaneynde]

Hi

I’m going to uninstall the carrousel module and instead install Hello-Lucy. You can close this issue. Thanks for your time!

Tomas