How to get music player in footer next to disclaimer

I added a music player widget to the footer

However it appears above the footer and creates a black area around

How can I have the player widget nest to the copyright in the footer.?

Pls see and scroll down.

Many thanks

They actually reside in the separate code block. To make them look unite in the one place, you’ll need to use the below custom CSS code:

.footer-widgets {
  padding-top: 15px;
  padding-bottom: 0;
  background-color: #1c1c1c;

.footer-widgets.widget-area .widget {
  margin-bottom: 0;

.footer-widgets .col-md-4 {
  padding-left: 0;

To apply it to your site, add it into Appearance > Customize > Additional CSS in your site dashboard.


Hi thx for the code.

I applied it . it s in the right area but now it is still above my disclaimer and it broadens the footer which i dont like.pls see and scroll down

it should be NEXT to the disclaimer and not change the size of the footer.


Try adding the below CSS code:

.simple-music-widget {
  padding: 0;
  border: none;

@media only screen and (min-width:500px) {

  .simple-music-widget {
    margin-bottom: -50px;

  .footer-widgets .container {
    padding-left: 200px;

  .site-info {
    margin-top: -13px;


Kharis, thanks so much.
Right now i have added both css codes you gave me. Is that ok?
The only other thing would be to have the player centered in the footer.
Is that possible or would it effect responsiveness?

Right now on the iphone player is above the disclaimer but i can live with that.


Thank you Kharis.

How can I add a link to the right of the music player in the footer pls?

How can i add 3 language links next to the logo ?

Many thanks