Changes aren't showing in 4.0.2

does anyone know what these positions mean? Since the recent upgrade to 4.1.1, my American Express and Discover aren't showing on my site:



.payment-icon.american-express, .cc-icon .american-express {
background-position: -100px -200px;
}
.payment-icon.discover, .cc-icon .discover {
background-position: -200px -200px;
}
.payment-icon.mastercard, .cc-icon .mastercard {
background-position: 0px -100px;
}
.payment-icon.paypal {
background-position: -100px -100px;
}
.payment-icon.visa, .cc-icon .visa {
background-position: -200px 0px;
}
.cc-icon .visa-electron {
background-position: -200px -100px;
}
.cc-icon .maestro {
background-position: 0 -200px;
}

They're offset positions for an image sprite. Look at the payments.png graphic in your themes image folder and you'll see how it works.



See this thread also: Payment System Icons In Footer - Hints & Modifications - CS-Cart Community Forums

In the link that NairdaCart shared I ended up NOT editing the base, the tpl or the image and instead created a new “block”. This way it wouldn't end up messing up when I upgraded. The only thing I haven't figured out is how to get the images to align next to each other. I ended up listing them from top to bottom instead of left to right.

Interesting - they just released another upgrade to 4.0.3 today and it seems to have restored my payment icons.