Style the MyListing Listing Type Boxes Within the Add Listing Flow

Those who use the default MyListing Add Listing flow may want to style the listing type boxes (a.k.a., flipping boxes), and this guide helps with that.

Apply the Same Background Color to All Boxes

.face.ac-back-side {
    background: red !important;
}

.face.ac-back-side {
    background: red !important;
}

Apply a Different Background Color to Each Box

If you have more than three boxes, copy lines 9-12, paste them into the snippet at line 13, and adjust as needed. The value you add to nth-child() corresponds to the box when looking left to right.

/* FIRST BOX */
.ac-category:first-child .face.ac-back-side {
    background: red !important;
}
/* SECOND BOX */
.ac-category:nth-child(2) .face.ac-back-side {
    background: green !important;
}
/* THIRD BOX */
.ac-category:nth-child(3) .face.ac-back-side {
    background: blue !important;
}

/* FIRST BOX */
.ac-category:first-child .face.ac-back-side {
    background: red !important;
}
/* SECOND BOX */
.ac-category:nth-child(2) .face.ac-back-side {
    background: green !important;
}
/* THIRD BOX */
.ac-category:nth-child(3) .face.ac-back-side {
    background: blue !important;
}