Join

MyListing Pricing Table Alternating Row Backgrounds

Don't want to mess with code snippets? Request for this to be a feature of MyListing Pro.

Instructions

  1. Create a new CSS code snippet.
  2. Copy the contents of code snippet below.
  3. Paste the contents into your code snippet.
  4. Review any notes that I’ve provided.
  5. Save and enable the code snippet.
  6. Test.

Snippet

  • Line 1: Replace the word ‘odd’ with ‘even’ to change which row gets the background first.
  • Line 2: Adjust with your desired background color.
.plan-features li:nth-child(odd) {
    background: #f7f7f7;
    padding: 10px;
    border-radius: 3px;
}
image