3. MMM-Carousel showPageControls not visible
MagicMirror² v2.5.0 is available! For more information about this release, check out this topic.

MMM-Carousel showPageControls not visible

  • R

    Hi everybody,

    I recently configured the MMM-Carousel module in slide configuration and everything is working fine except that i set showPageControls: 'true’
    but the buttons for next or previews slide are not visible. I know they are there if i hover with my mouse over them they show up.

    Is there a possibility to display them permanently?

    Cheer
    Karsten

    0
  • A

    I just came across this post while also looking for a way to do this. After not finding any answer by searching, I decided to look at the css files included with this module and see if I could figure it out.

    I’m a new at this, but easily found the lines to make changes at for displaying the pointer visibility:

    in MMM-Carousel.css, make the following changes (in Bold):
    …
    .control label {
    z-index: 0;
    display: none;
    text-align: center;
    line-height: 50px;
    position: relative;
    width: 50px;
    height: 50px;
    left: 33%; /* Center in .control div: this.width / .control.width; /
    top: 33%; /     Center in .control div: this.height / .control.height;; */
    font-size: 50px;
    color: #FFF;
    cursor: pointer !important;
    opacity: 0.5;
    }

    /Increase brightness when directly over/
    .control label:hover {
    opacity: 1.0;
    }
    …

    0