Hi, 

The background feature is only available with Elementor. Quick question: are you using Elementor? 

What is your website URL? 

Hello Henry 
Please try this shortcode:

[sonaar_audioplayer albums="8" player_layout="skin_boxed_tracklist" use_play_label="false"]


Only the background image will be missing but maybe you can apply a background image to the player parent through the Enfold page builder.

Otherwise you still can do this with a custom CSS code:

div.iron-audioplayer .srp_player_boxed {
background: url('image-url.jpg');
}

Hi Henry, 

About the repeated image background on mobile, this can be easily fixed with this css code:


div.iron-audioplayer .srp_player_boxed {
background-size: cover;
background-repeat: no-repeat;
}

Be aware you can use an ID to target a specific player. Each player has its own ID.

So in this case the css to apply a background on this specific player is:

#arbitrary-instance-632217a4754f1-575d2e47ec .srp_player_boxed {
background: url('image-url.jpg');
background-size: cover;
background-repeat: no-repeat;
}

Hi Henry,

About the new bug you have reported, it is hard for us to understand what is going wrong if we can have access to your site. Yes the issue could be caused by a the google snippet code you have insert. I recommend you to remove it to see if the issue persists.