Payment Icon Class Bug

Hi there,



wanted to share a small bug I found in all CS-Cart in v4.x



In the footer payment Icon block you have 2checkout icon, where you have span class that starts with the digit “2”. ( )



If you try lets say to hide it via css (display:none) cause you dont use that in your store, then it wont work!



This is because according to w3.org css identifiers cannot start with a digit!


[quote][color=#000000][font=sans-serif][size=1]In CSS, [/size][/font][/color][color=#000000][font=sans-serif][size=1]identifiers[/size][/font][/color][color=#000000][font=sans-serif][size=1] (including element names, classes, and IDs in [/size][/font][/color]selectors[color=#000000][font=sans-serif][size=1]) can contain only the characters [a-zA-Z0-9] and ISO 10646 characters U+00A0 and higher, plus the hyphen (-) and the underscore (_); they cannot start with a digit, two hyphens, or a hyphen followed by a digit. Identifiers can also contain escaped characters and any ISO 10646 character as a numeric code (see next item). [/size][/font][/color][color=#000000][font=sans-serif][size=1]For instance, the identifier “B&W?” may be written as “B&W?” or “B\26 W\3F”.[/size][/font][/color][/quote]



http://www.w3.org/TR…-def-identifier



So the only solution I see, is to open the payment_icons.tpl file in folder templates/blocks/static_templates in the skin you use and make it

  for example.



Clean you cache and then you can style this through css using the new selector.



Hope that saves some time for someone outhere.



Fotis