Title: CSS to change default colors
Last modified: July 23, 2024

---

# CSS to change default colors

 *  [ronaki](https://wordpress.org/support/users/ronaki/)
 * (@ronaki)
 * [1 year, 9 months ago](https://wordpress.org/support/topic/css-to-change-default-colors/)
 * 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](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcss-to-change-default-colors%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  Plugin Support [Fotis](https://wordpress.org/support/users/markwaregr/)
 * (@markwaregr)
 * [1 year, 9 months ago](https://wordpress.org/support/topic/css-to-change-default-colors/#post-17912085)
 * Hi there,
 * Thank you for using our plugin
 * Your code is fine, you can add this as custom css also!
 *     ```wp-block-code
       .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.

 * ![](https://ps.w.org/audioigniter/assets/icon-256x256.png?rev=3192201)
 * [AudioIgniter Music Player](https://wordpress.org/plugins/audioigniter/)
 * [Support Threads](https://wordpress.org/support/plugin/audioigniter/)
 * [Active Topics](https://wordpress.org/support/plugin/audioigniter/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/audioigniter/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/audioigniter/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [Fotis](https://wordpress.org/support/users/markwaregr/)
 * Last activity: [1 year, 9 months ago](https://wordpress.org/support/topic/css-to-change-default-colors/#post-17912085)
 * Status: not resolved