The design of price table of pro site

Hello!
I hope you having a good day!

I will use Pro sites, and I made a price table, but I have an issue about design.

I want to change the color, which is currently black in my screenshot, but there is no option for that.
Could you let me know custom CSS for me please!
And also, I want to know how to control the font size in the price table.

Please give me a support!

King Regards
KAZUKI

  • Jude
    • DEV MAN

    Hi again @KAZUKI KIKUCHI

    Hope you are keeping well !

    1 ) Can you tell me the color you want to change the black to ?
    2 ) Do you want to make the font bigger or smaller ?
    3) Also most importantly can you share a url to the pro site page on your site ? I can take a closer look

    Cheers
    Jude

  • Michael Bissett
    • Recruit

    Hey @KAZUKI KIKUCHI,

    #1: I've just inserted this CSS into Pro Site's custom CSS area:

    #prosites-checkout-table .pricing-column .summary {
        background-color: #22c0e8;
    }

    This had to be inserted too, in order to keep that first column's background set to white:

    #prosites-checkout-table .pricing-column.psts-level-0 .summary {
        background-color: #fff;
    }

    #2: For this one, I've inserted this CSS:

    #prosites-checkout-table .feature-content .feature-name,
    #prosites-checkout-table .pricing-column .feature-section .text,
    #prosites-checkout-table .pricing-column .feature-section .feature-text {
        font-size: 18px;
        padding-bottom: 1em;
        text-align: center;
    }

    How's that looking now? :slight_smile:

    Kind Regards,
    Michael

    P.S. Should you see this code:

    #prosites-checkout-table .pricing-column.psts-level-0 .feature-section {
        border-top: 3px solid #22c0e8;
    }

    That was inserted to make the feature name entries line up properly with the rest of the entries.

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.