7case

.snaptough.wcpa_has_price.wcpa_use_sumo option:nth-child(1) {
padding-left: 50px;
background-size: 39px;
background-repeat: no-repeat;
background-position: left top;
background-image: url(https://www.7case.nl/wp-content/uploads/2021/09/snap_case.jpeg)
}

This doesn’t do anything, unfortunately, it just leaves blank.

Can you check on the link I posted? Please see this: https://imgur.com/a/qjPCEmB

So I did this:

.snaptough.wcpa_has_price.wcpa_use_sumo:nth-child(1) {
	
	 padding-left: 50px;
    background-size: 39px;
    background-repeat: no-repeat;
    background-position: left top;
	    background-image: url(https://www.7case.nl/wp-content/uploads/2021/09/snap_case.jpeg);
}

.snaptough.wcpa_has_price.wcpa_use_sumo:nth-child(2) {
	
	 padding-left: 50px;
    background-size: 39px;
    background-repeat: no-repeat;
    background-position: left top;
	    background-image: url(https://www.7case.nl/wp-content/uploads/2021/09/tough_case.jpeg);
}

It still applies to both of them. What am I doing wrong here?

Hi Rahul,

I think what you mean is adding a class to the field itself. But what I mean is adding classes to the options of the field.

If you check the link I have 2 options: 1.Snap, 2.Tough. I want the background image to change when I choose ‘tough’.