prosites credit card form

I would like the stripe credit card form
on this page
to have a css styling like this page

can the login page for prosites be styled like this as well

I have granted access


to look like styling for the form

  • Kasia Swiderska

    Hello antony,

    Please try those CSS styles:

    .page-id-1297 #loginform,
    #psts-stripe-checkout {
        margin-top: 20px;
        margin-left: 0;
        padding: 26px 24px 46px;
        background: #fff;
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.13);
        box-shadow: 0 1px 3px rgba(0,0,0,.13);
        width: 30%;
        margin: 0 auto;
    .page-id-1297 #loginform input[type=text],
    .page-id-1297 #loginform input[type=password],
    #psts-stripe-checkout  input[type=text],
    #psts-stripe-checkout input[type=password]{
        font-size: 24px;
        width: 100%;
        padding: 3px;
        margin: 2px 6px 16px 0;
        background: #fbfbfb;
        border: 1px solid #d2d2d2;
    .page-id-1297 #loginform input[type=submit],
    #psts-stripe-checkout  input[type=submit] {    background: #008ec2;
        border-color: #006799;
        color: #fff;
        height: 30px;
        line-height: 28px;
        padding: 0 12px 2px;
        float: right;
        box-shadow: 0 1px 0 #006799;
        color: #fff;
        text-decoration: none;
        text-shadow: 0 -1px 1px #006799,1px 0 1px #006799,0 1px 1px #006799,-1px 0 1px #006799;
        display: inline-block;
        cursor: pointer;
        border-width: 1px;
        border-style: solid;
        -webkit-appearance: none;
        border-radius: 3px;}
    .page-id-1297 #loginform input[type=checkbox] {
        border: 1px solid #b4b9be;
        background: #fff;
        color: #555;
        clear: none;
        cursor: pointer;
        display: inline-block;
        line-height: 0;
        height: 16px;
        margin: -4px 4px 0 0;
        outline: 0;
        padding: 0!important;
        text-align: center;
        vertical-align: middle;
        width: 16px;
        min-width: 16px;
        -webkit-appearance: none;
        -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
        box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
        -webkit-transition: .05s border-color ease-in-out;
        transition: .05s border-color ease-in-out;
    .page-id-1297 .post-content p {text-align: center;}
    .page-id-1297 .login-remember {float: left;}
    #psts-stripe-checkout .pypl_label {text-align: left;}
    #psts-stripe-checkout .pypl_label,
    #psts-stripe-checkout .pypl_label + td {display: block;}

    You can
    a) add it to the child theme style.css file
    b) use this small plugin

    kind regards,