CSS to change default colors

  • ronaki

    (@ronaki)


    8 months ago

    Audioigniter is key in enabling my students to learn independently, grateful! I made peace with the default hot pink, but it’s time to recolor and match my site’s teal. If you follow my page link above, you’ll see that I managed to update only half of the pink elements. I need help identifying the remaining elements to be recolored. If anyone can help out with the code, I’d appreciate it. (ps, I am not a developer; this is all trial/error.) Thanks.
    Here’s what I added thus far:

    /* AUDIOIGNITER PLUGIN / / Change the color of the pink elements to #207daf */
    .ai-track-active .ai-track-control {
    background: #207daf;
    }
    .ai-wrap .ai-control-wrap-controls .ai-audio-control {
    background: #207daf;
    border-color: #207daf;
    color: #fff;
    }
    .ai-wrap .ai-audio-controls-progress .ai-track-progress {
    background-color: #207daf;
    }

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Support Fotis

    (@markwaregr)

    Hi there,

    Thank you for using our plugin

    Your code is fine, you can add this as custom css also!

    .ai-wrap .ai-btn.ai-btn-active {
        color: #fff;
        background-color: #207daf;
    }
    .ai-wrap .ai-volume-bar.ai-volume-bar-active::before{

        background-color: #207daf;
    }
    .ai-wrap .ai-scroll-wrap>div:last-child div,.ai-wrap .ai-track:hover, .ai-wrap .ai-track.ai-track-active{
     background-color: #207daf!important;
    }
Viewing 1 replies (of 1 total)
  • The topic ‘CSS to change default colors’ is closed to new replies.