Need help with Pro Sites styles.

I would like my formatting to look like this

Currently it is looking like this:


  • Kris
    • Support

    Hi Lamarr

    Hope you are doing good today.

    I check your site and I provide below some custom css for this.

    You need to add this to your custom css section in your theme or just use this plugin to add custom css to site:

    Here is the code, it also have some media queries for mobile devices:

    /*content width, you change 980 to value you want*/
    #prosites-checkout-table {width:980px; margin:0 auto;}

    /*level name, you change color and size of font for level*/
    #prosites-checkout-table table td.level-name h3 {color:#333; font-size:24px;}

    /*price border in box*/
    #prosites-checkout-table table td .plan-price.original-amount {border-bottom:1px dashed #fff; padding:5px; font-size:18px;}

    /*Try it out text*/
    #prosites-checkout-table table td .level-summary em {display:block;border-bottom:1px dashed #fff; padding:0 5px 5px 5px; font-size:14px;}

    /*default font for blue box*/
    #prosites-checkout-table table td .level-summary { font-size:13px !important; padding:5px;}

    @media all and (min-width:320px) and (max-width: 980px) {
    #prosites-checkout-table {width:auto; }
    #prosites-checkout-table table td {padding:5px!important;}
    #prosites-checkout-table table td.level-name h3 {font-size:12px;}
    #prosites-checkout-table table td .plan-price.original-amount {padding:5px 0; font-size:16px;}
    #prosites-checkout-table table td .level-summary { font-size:11px !important; line-height:14px; }

    Hope this help, also please those comments section above, they will help you to customize this more (width, colors, font sizes).

    Kind Regards,


Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.