Change bottom footer order - or center footer widget

[creativenicole]

Hi,

I want the linkedin social icon to be below the contact info in the footer on this site: https://douglascap.com/

I tried putting the contact info into a footer widget, but I was unable to center it. If you can tell me how to center the footer widget when there is only 1 widget, that would work well.

Otherwise, is there a way that I can put the social icon below the content in the bottom footer?

Whichever way is easier to do, I will do. I just need it all centered and the linkedin below the contact, however that happens.

Thank you!

[tristup]

Hi @creativenicole,

Thanks for reaching out.
To show the Social Icons below the footer content, you need to add the following custom CSS code into the Theme Options > CSS.

.x-colophon.bottom .x-container
{
    display:flex !important;
    flex-direction: column !important;
}
.x-colophon.bottom .x-container .x-social-global
{
    order:3 !important;
}

To make the widget in center, please set the Widget Areas to 1 from Theme Options > Footer. and add the following custom CSS code into the Theme Options > CSS.

.last
{
    width: 33.33% !important;
    margin: 0 auto !important;
    text-align: center !important;
    left: 33% !important;
}

Please remember that the above code will work if copied as it is and doesn’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes which means we can’t fix it in case it conflicts with something on your site nor will we enhance it.

NOTE: You may need to adjust the width of the widget based on the breakpoints.

Thanks