Wix Music: Customizing the Look of Your Wix Music Player
3 min read
Design your Wix Music player to stand out and draw the attention of your site visitors. You can change how your player looks by customizing its layout and design to suit your style.
In this article, learn more about:
Customizing the layout of your Wix Music player
The Wix Music player comes with 3 layout options for you to choose from. Then, customize aspects such as the track list spacing, the play button style, and choose whether to show or hide the album cover image.
To change the layout:
- Go to the Wix Music player in your Editor.
- Click Settings.
- Click the Layouts tab.
- Choose a layout: Vertical, Horizontal, or List.
- Customize your layout using the options available:
- Vertical:
- Control bar: Select a design for the control bar.
- Album cover image: Show or hide the album cover image.
- Show music info: Choose if the music info is shown on or below the album cover.
- Show track list: Show or hide your track list.
- Track info includes: Display the track name only or the name and the artist.
- Show track actions: Show the track actions on all tracks or just the active track.
- Track list spacing: Adjust the spacing between tracks.
- Horizontal:
- Control bar: Select a design for the control bar.
- Album cover image: Show or hide the album cover image.
- Track actions: Show track actions on all tracks or just the active track.
- Track list spacing: Adjust the spacing between tracks.
- List:
- Album info: Show or hide album info.
- Play button: Choose the play button style.
- Artist's name: Display the artist name along with the track name or not.
- Track actions: Show actions on all tracks or just the active track.
- Track duration: Display track duration or not.
- Track list spacing: Adjust the spacing between tracks.
- Stretch to fit: Choose to stretch the Music player to the width of the screen.
- Vertical:
Changing the design of your Wix Music player
Further customize the look of your Wix Music player by editing the smaller details, such as fonts and the color of your text and buttons.
To change the player's design:
- Go to the Wix Music player in your Editor.
- Click Settings.
- Click the Design tab.
- Choose what you want to customize:
- Background: Change the background features to suit your style.
- Background color: Adjust the music player's background color.
- Border color: Adjust the color and width of the border around the player.
- Border width: Set the width of the player border.
- Dividers: Choose a color and set the opacity of the dividers on the player.
- Text & Buttons:
- Text color: Select the best tone for your text.
- Buttons & Hover color: Choose a color for your buttons and hover.
- Control bar color: Edit the color of your control bar.
- Fonts: Click the dropdown next to the relevant element (Title, Subtitle, Track List, or Buttons). Customize the font using the options available:
- Themes: Choose a theme that compliments your site.
- Fonts: Select a font that suits your site's style.
- Font size: Increase or decrease your font size.
- Formatting: Choose to bold, italicise, or underline your text.
- Background: Change the background features to suit your style.
Did this help?
|