CSS align help for options

Hi Iahve a product option on this page called “colour” Embroidered Beanie Hat special offer
Screenshot by Lightshot
And when I try to change the .ty-product-varaint-image margin-left to 10px it aligns well in the browser Screenshot by Lightshot

but when I paste the same rule in the css editor in themes it wont show in the front end of the store, amd I doing something wrong

Please try

.ty-product-options .ty-product-variant-image {
    margin-left: 10px;


.ty-product-variant-image {
    margin-left: 10px !important;

Im afraid not.
deleted var/cache directory and browser cache Screenshot by Lightshot

AS far as I can see, the styles of your store are stored in the CloudFront. May be they are not updated there?

good point, thanks Ill take alook