Center Table in Footer & Theme Options Saving Bug

[Stephen]

Stephen

November 7, 2018 at 9:51 pm

Hi Ben & Hannah,
I’m attempting to center the table with the mobile app badges on the footer of this site: *Login to see link
I’ve used the following css:
.textwidget.custom-html-widget a {
padding:5px;
border:none;
}
.textwidget.custom-html-widget a:hover {
background: rgba(45,92,136,0.3);
border-radius: 10px;
}
/* Footer Widget Styling 2018-11-07 2136*/
.col-md-12.footercol1 {
float: none;
margin-left: auto;
margin-right: auto;
align-items: center;
align-content: center;
text-align: center;
}
#custom_html-6 > div {
border:none;
display: flex;
align-items: center;
text-align: center;
margin-left: auto;
margin-right: auto;

}
.footercredits {
text-align: center;
align-items: center;
}
.footercredits p:nth-child(1) {
width: 100%;
}
footer#containerfooter {
text-align: center;
}
.virtue_social_widget.clearfix {
display: flex;
align-items: center;
justify-content: center;
}
.footermenu {
float: none !important;
margin-right: auto !important;
margin-left: auto !important;
}
.footercredits.clearfix {
display: inline-flex;
flex-direction: column;
width: 100%;
}
.footernav.clearfix {
display: flex;
}

And I’m finding that if I save the CSS, the CSS appears, then if I save the footer layout, the CSS disappears. If I go back and save the CSS, the footer layout reverts. I’m trying to get the footer into the first full-width column of the last layout such that I can make it absolute center on the page since the other layouts seem to align the content left regardless of which footer widget the content resides in.

Any ideas as to how to resolve this?