Jump to content


Photo
- - - - -

Creating A Deep Inset Look For Boxes Thumbs

boxes mixins

  • Please log in to reply
3 replies to this topic

#1 suerama

suerama

    Super Member

  • Members

  • 247 posts

Posted 08 December 2012 - 04:20 AM

Yearling newbie here. I am looking to create a look for the boxes thumbs. I'd like them to have inner shadows so they look like the images are deeply inset. I was trying to create it with mixins, but was not successful.  Anyone want to kindly offerme a bit of code to try?



#2 James B

James B

    Advocate

  • Moderators
  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 08 December 2012 - 05:16 AM

Hi there, I've attached some links with some various css shadow effects you could try out. Just apply them to the .fbox class. Hope this helps

 

Please Login or Register to see this Hidden Content

 

Please Login or Register to see this Hidden Content



#3 suerama

suerama

    Super Member

  • Members

  • 247 posts

Posted 08 December 2012 - 04:20 PM

Thank you James!

I copy and pasted from one of the references. Here is what I put in the custom code area:

 

 

 

Please Login or Register to see this Hidden Content

 

 

Except that the code lines up nicer. Nothing changed. There is no shadow on the box thumb graphic.  I don't need to stipulate the thumb, just .fbox?



#4 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 08 December 2012 - 09:12 PM

Not sure but it may be you have a Cache plugin activated. If so, clear the cache.

 

Also, it may not work in all browsers.  So check in a few of them like Safari, Chrome, IE, Firefox and Opera.







Also tagged with one or more of these keywords: boxes, mixins