Jump to content

Styling images in Promotion Spuds using CSS


Singular

Recommended Posts

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?

 

Link to post
Share on other sites
  • 2 months later...

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.

Link to post
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...