Change Text align and background color from a widget footer

Hi everybody,
I have created a second footer with a text widget. How can I change the background color of the second footer and the text allign (to center)?
Here is the link: http://test.cvjm-mutschelbach.de/?customize_changeset_uuid=770bf00e-b2ea-4773-801c-a44e0e3af7b1
Kind regards,
Heiko

Sorry, I have changed the link. The new one is: http://test.cvjm-mutschelbach.de/?customize_changeset_uuid=1cdafa9e-4c26-437d-b7af-abd756f9f7d8

Hello there,

I hope you are doing well today.

You can use the following CSS code to change the footer color and alignment by going to Appearance > Customize > Additional CSS and pasting it there.


/*Footer color*/
.container.footer-inner {
    background-color: red;
    width: 100%;
}

/*Center text*/
.col-sm-4.footer-widget.col-sm-4 {
    width: 100% !important;
    text-align: center;
}

Best Regards,
Support

Thank you very much!

Hello there,

I am glad the solution worked for you.
Please feel free to contact us again in the future regarding any other issues.

Best Regards,
Support