specifying flat-black player height & dimensions

[beanbag99]

Issue description

Hi
silly question, just wondering where in the code I can change the height & width of the entire player?

[ValiantCuriosity]

Hi beanbag99,

I'm using the blue_playlist, but I've also worked a lot with the black_playlist. The styles.css file is included in both and is where you might want to look.

As an example, the left for img styling in blue_playlist is as follows:

div#amplitude-left img[amplitude-song-info="cover_art_url"]{
	width: 400px;
	height: 400px;
}

For my purposes, I changed it to:

div#amplitude-left img[amplitude-song-info="cover_art_url"]{
	width: .85;
	height: auto;
	text-align: center; /*added this css myself*/
}

I went through the css line by line and tried to understand it. Then, I "tweaked" it to my specifications. It is a tedious process, but doable. The biggest trouble that I have is trying to figure out how to use the callouts at the end of the json file. I'm not very good at javascript and I've been working for days and days trying to get the setTimeout() function/method to add a pause between the songs.

The documents and examples for Amplitudejs are very good, but do to my lack of knowledge, I need a more complete explanation with examples of how things are done.

HTHs, Rachel

[danpastori]

@beanbag99 to adjust the width and height of the player, @ValiantCuriosity is correct, you have to adjust the css. In the dev branch and in CSS, the player code is: https://github.com/521dimensions/amplitudejs/blob/dev/examples/flat-black/resources/sass/layout/_player.scss. You can set the width to what you want it to be there.