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 http://artbusinessacademy.net/memberships/ 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: http://artbusinessacademy.net/account-2/

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;
    }
    
    p.ms-alert-box {
        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,
    Michael

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.