Jump to content
suerama

Creating A Deep Inset Look For Boxes Thumbs

Recommended Posts

suerama+    2
suerama

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?

Share this post


Link to post
Share on other sites
James B    436
James B

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

 

http://css-tricks.com/snippets/css/css-box-shadow/

 

http://designshack.net/articles/css/inner-shadows-in-css-images-text-and-beyond/


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
suerama+    2
suerama

Thank you James!

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

 

 

 

.fbox .shadow {
-moz-box-shadow: inset 0 0 10px #000000;
-webkit-box-shadow: inset 0 0 10px #000000;
 box-shadow: inset 0 0 10px #000000; }

 

 

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?

Share this post


Link to post
Share on other sites
Rob    547
Rob

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.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Similar Content

    • Audun MB
      By Audun MB+

      Here:http://attac.no/global-ulikhet/
      The images are forced into a boxed frame so that you can't see the whole picture. Doesn't look so good. Is this a bug? A feature? How can I fix it?
    • JudithKlinger
      By JudithKlinger+
      The recent WP update seems to be quite cheeky...messing about with a number of things. 
       
      Having trouble with boxes displaying differently in different browsers.  1st screen shot is Chrom...looks ok. 
      2nd screenshot is Firefox...colors are different. Icons are different. Have weird 1000's next to the icons. Any idea what's going on? 
       
      Thanks!! 
      Judith
       
       


    • richardjacruz
      By richardjacruz+
      Someone reported this little bit of weirdness to me today. They were using Internet Exporer. I used an emulator, and I received the same result. Please see the attached.
      The website is richcruzchicago.com.
      Thanks,
      Rich

    • Susan
      By Susan+
      Everything was fine with my site.
      Suddenly, strange characters are appearing in Boxes. See image. Site page is here. I even tried to add a new Boxes section but the same thing keeps happening, so I deleted the new section.
      How can I resolve this?
      Your help is greatly appreciated.
      Thank you.
       
       

    • claudedagenais
      By claudedagenais+
      Hi,
      Could it be possible to add to the boxes an option so that if an Item has an optional link that we can also optionally make it open in a new windows.
      Thank you :-)
×