Change colors and remove items in Comparison Sets

If you want to change the colors of the items in your Comparison Sets or hide some of the items, here are some CSS snippets you can use to make those changes.

To use these code snippets, simply copy them and paste them into the Additional CSS section of your Customizer which can be found here: WordPress Admin Area > Appearance > Customize > Additional CSS.

Change Price Color

/* Comparison Set Price Color */
.dfrcs ul.dfrcs_compset li a .item div.dfrcs_price {
    color: red;
}

Change Sale Price Color

/* Comparison Set Sale Price Color */
.dfrcs ul.dfrcs_compset li a .item div.dfrcs_price ins {
    color: blue;
}

Change Regular Price Color

/* Comparison Set Regular Price Color */
.dfrcs ul.dfrcs_compset li a .item div.dfrcs_price del {
    color: orange;
}

Change Button Background Color

/* Comparison Set Button Background Color */
.dfrcs ul.dfrcs_compset li a .item div.dfrcs_link .dfrcs_action {
    background-color: blue;
}

Change Button Text Color

/* Comparison Set Button Text Color */
.dfrcs ul.dfrcs_compset li a .item div.dfrcs_link .dfrcs_action {
    color: pink;
}

Change Merchant Name Color

/* Comparison Set Merchant Name Color */
.dfrcs ul.dfrcs_compset li a .item div.dfrcs_logo {
    color: purple;
}

Hide Price

/* Hide Price */
.dfrcs ul.dfrcs_compset li a .item div.dfrcs_price {
    display: none;
}

Hide Merchant Name/Logo

/* Hide Merchant Name/Logo */
.dfrcs ul.dfrcs_compset li a .item div.dfrcs_logo {
    display: none;
}

Hide View Button

/* Hide View Button */
.dfrcs ul.dfrcs_compset li a .item div.dfrcs_link {
    display: none;
}

Hide Product Image

/* Hide Product Image */
.dfrcs ul.dfrcs_compset li a .item div.dfrcs_image {
    display: none;
}