Formatting issues using Spirit Theme with Protected Content

There seem to be some alignment issues when using Spirit Theme with Protected Content. If you go to you will see several issues. On the first page, the "Complete Payment" button doesn't receive styling to look like a button. The text runs together as well.

Once you click that button, you run into more poor formatting - you will see that the columns between labels and description almost overlap.

The Account page also receives poor formatting:

I have granted support access.

Thank you for your help.

  • Michael Bissett

    Hey @Jason, hope you're doing well this evening! :slight_smile:

    I just inserted the following CSS code into the custom CSS section inside of Upfront:

    .ms-form-element .wpmui-field-input {
        width: 50%;
        background: white;
        border: 1px solid rgb(153, 153, 153);
        padding: 2px;
    .ms-membership-form-wrapper .button {
    border: 2px solid #548685;
    border-radius: 4px 4px 4px 4px;
    background-color: #69a8a6;
    font-size: 15px;
    font-family: Open Sans;
    color: #FFF;
    transition: all 0.25s ease;
    padding: 5px;
    .ms-membership-form-wrapper .button:hover {
    background-color: #548685;
    } {
        padding-left: 9px !important;
    .ms-membership-form-wrapper table, .ms-membership-form-wrapper tr, .ms-membership-form-wrapper td {
        border: 1px solid #DFDEDE;
        padding: 10px;
    .ms-account-wrapper table, .ms-account-wrapper th, .ms-account-wrapper tr, .ms-account-wrapper td {
        border: 1px solid #DFDEDE;
        padding: 10px;
    .ms-account-wrapper h2 {
        margin-bottom: 15px;
        margin-top: 15px;
    .ms-logout-form {
        margin-top: 25px;
    body .ms-account-wrapper a {
    font-family: Georgia, sans-serif;

    How does that look? :slight_smile:

    Please advise,

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.