player color css

sinyavinsergej
(@sinyavinsergej)

6 years, 6 months ago

Hi!
Hello! I have already asked you about the color of the player. You gave me a good answer. But it is not complete. For example, I do not know how to change the color of the player itself? What is css?
What code to change the background color of the player?
And tell me more, what other code is there to improve the player?
For example, the color of the text, the contour frame of the player…
Thanks in advance! 🙂

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

Viewing 8 replies - 1 through 8 (of 8 total)

Plugin Support Fotis
(@markwaregr)

6 years, 6 months ago
Hi there,
Try these
```
.ai-wrap{background:red;}
.ai-wrap .ai-track-time{color:red;}
.ai-wrap .ai-track-name{color:blue;}
.ai-track-info{color:yellow;}
```
in your custom CSS box under Customize->Additional CSS and replace with your preference.

Let me know if you need additional help with this.
Thread Starter sinyavinsergej
(@sinyavinsergej)

6 years, 6 months ago

Thanks!
And how to change the colors of these elements?
If You give a complete list, I will be grateful!
Where to change the color of the player

Thread Starter sinyavinsergej
(@sinyavinsergej)

6 years, 5 months ago

Help solve the issue to the end! 🙂
Plugin Support Fotis
(@markwaregr)

6 years, 5 months ago
Hi there,
try this also
```
.ai-wrap .ai-audio-controls-meta .ai-btn {
    background: green!important;
}

.ai-wrap .ai-track {
    background: blue!important;
}
.ai-track.ai-track-active {
    background: red!important;
}
```
for your missing elements.
Let me know if you need additional help with this.
goblin2k3
(@goblin2k3)

6 years, 3 months ago

Hi!
I would like to replace the magenta through white on hovered audio controls:

https://chorlektiv.de/wp-content/uploads/2020/03/player.png

Thanks in advance.
Plugin Support Fotis
(@markwaregr)

6 years, 3 months ago
Hi there,
you can try this
```
.ai-wrap .ai-btn:hover svg {
    fill: #fff;
}
```
in your custom CSS box under Customize->Additional CSS.

Let me know if you need more help with this.
d1ydq
(@d1ydq)

6 years ago
This thread has been very helpful. This player is beautiful and just what I need.

1. How do you change the play button and the volume bars colors from red to something else?

2. How day you change the timecode color and the background color of the volume to something else? Both seem to be a grey/black color.

3. How do I add padding at the top to include a title for the player, such as “Episode Performances?” And can you add an anchor tag in the event you want to link directly to the player? (These are music playlists and the podcast episode will be elsewhere on the page.)

Thank you, thank you!

Jess
- This reply was modified 6 years ago by d1ydq.
- This reply was modified 6 years ago by d1ydq.
- This reply was modified 6 years ago by d1ydq.
d1ydq
(@d1ydq)

6 years ago

PS Can you also advise on how to change the color of the vertical red bar that is on the right side of the tracks? Thanks!

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘player color css’ is closed to new replies.

Tags