Coloring every second line in Price Table

Hello,

How can I coloring every second feature line in Price Table? Like in the attached picture.

Thank you!

  • Predrag Dubajic
    • Support

    Hey LUCAS FLEMING,

    Hope you're doing well :slight_smile:

    You can go to Pro Sites > Pricing Tables > Styling panel where you can adjust the colors of your pricing table, and you can also use CSS code like this:

    .pricing-column .feature-section .alternate {
        background-color: #eedb73;
    }
    
    .pricing-column .feature-section .alternate {
        background-color: #dc3535;
    }

    Hope this helps :slight_smile:

    Best regards,
    Predrag

  • Adam Czajczyk
    • Support Gorilla

    Hello Lucas!

    You may resize fonts in a storage line there with this CSS:

    #prosites-checkout-table ul .feature-section-wrapper ul .feature-indicator:first-of-type {font-size:29px;}

    You may of course want to adjust the font size to your needs and add other rules (e.g. color etc).

    This will resize only "feature values" but not "feature name". If you wish to affect entire line, including "Storage" word, use this CSS instead:

    #prosites-checkout-table ul .feature-section-wrapper ul li:first-of-type {font-size:29px;}

    Also I would like to resize / recolor Features cloumn.

    This CSS should help:

    #prosites-checkout-table .psts-level-0 li {font-size:25px;color:#3333FF;}

    I hope that helps!

    Best regards,
    Adam

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.