Jump to content


Photo

Styling images in promotion spud using css


  • Please log in to reply
2 replies to this topic

#1 Singular

Singular

    Advanced Member

  • Trumba Community Member
  • PipPipPip
  • 157 posts

Posted 13 December 2014 - 09:08 AM

Hi all,

I have a test page with a couple promotion spuds: http://www.asingular...on.com/test.php

 

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?

thanks,

Joe

 



#2 Singular

Singular

    Advanced Member

  • Trumba Community Member
  • PipPipPip
  • 157 posts

Posted 18 February 2015 - 10:50 AM

No reply to this in two months. How disappointing.



#3 Steve A

Steve A

    Advanced Member

  • Admin
  • PipPipPip
  • 349 posts
  • Gender:Male

Posted 18 February 2015 - 02:40 PM

Are you trying to apply the CSS style to the Javascript on the page? Any styling to the Trumba spuds/widgets you will need to set within the Trumba interface.






0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users