Announcements

Embedded Player Color

Reply
Highlighted

Embedded Player Color

Visitor

Country USA

 

Device

On any device or OS

 

My Question or Issue

Hi - my question is after copying and embedding the player code onto my website, all works fine (album pic shows, tracks all show and play, etc). However, the background color at the top is brown and the background color below with the tracks is very dark brown

(<iframe src="https://open.spotify.com/embed/artist/3M8M8iW5hFIfaVgGSubcaT" width="300" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>).

 

I noticed on the developer pages under Widgets the example shown is purple (https://developer.spotify.com/documentation/widgets/).

 

My site is light blue and the brown is a big contrast.

 

Are these colors fixed for all players (are all brown)? Or is there a place where it's drawing from to use for the background color? I can't tell from the iframe code.

 

I am the artist and also a light/moderate developer (not a pro developer). Any help would be very grateful so that the player can somehow match my site's color scheme.

 

Thanks so much!

1 Reply
Highlighted

Re: Embedded Player Color

Rock Star 16
Rock Star 16

Hey @kevinviola, thanks for coming to this board for help!

 

Widgets are a great way to promote music! The background color of the widget is based on the "context"-image (artist, album, playlist).

 

To get something more in theme, I recommend creating a playlist with the tracks you'd like to highlight and then change the playlist image to something similar to your websites color scheme. Let me know if that works! 🙂

 

Have a good one,

Hubo

HuboRock Star 16
Help others find this answer and click "Accept as Solution".
If you appreciate my answer, maybe give me a Like.
Note: I'm not a Spotify employee.
SUGGESTED POSTS