Styling images in Promotion Spuds using CSS

[Singular]

I have a test page with a couple Trumba Promotion spuds. Using Chrome I can right click any of the images in the spud to inspect element and get the class name for the images, which is img.twPhotoScaled. I have added a style to my page:

/*trumba thumbs*/
img.twPhotoScaled { 
-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.5) !important;
-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.5) !important;
box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.5) !important;
}

When I change the style in Chrome using the inspect element tool and doing it inline, it works fine. However, when I actually add the style to my file, it does not work. Is there something I can do to get this to work?

 

[Steve A]

Any styling to the Trumba spuds/widgets you will need to set within the Trumba interface and unfortunately what you are attempting to do outside of  what we can support. All of the Trumba widgets/spuds have extension customization options with Settings & Sytles. If, when you are setting up and customizing the widgets and you feel a setting is missing, please contact Support and we can see if we can get that setting added.