Drop Shadow

2»

Comments

  • brandofamilybrandofamily Registered Users Posts: 2,013 Major grins
    edited October 9, 2013
    I don't see you using the Smugmug Gallery format, unless I'm missing something. ne_nau.gif

    On most of my non-portfolio display galleries I use it.
  • Hikin' MikeHikin' Mike Registered Users Posts: 5,467 Major grins
    edited October 9, 2013
    I see it now. I used this on your site and it worked for me.
    .sm-page-widget-folders .sm-tile a, 
    .sm-page-widget-galleries .sm-tile a, 
    .sm-page-widget-nodes .sm-tile a, 
    .sm-page-widget-pages .sm-tile a, 
    .sm-page-widget-images .sm-tile img {
        box-shadow: 5px 5px 5px #f00;
        -moz-box-shadow: 5px 5px 5px #f00;
        -webkit-box-shadow: 5px 5px 5px #f00;    
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        }
    
  • brandofamilybrandofamily Registered Users Posts: 2,013 Major grins
    edited October 9, 2013
    I see it now. I used this on your site and it worked for me.
    .sm-page-widget-folders .sm-tile a, 
    .sm-page-widget-galleries .sm-tile a, 
    .sm-page-widget-nodes .sm-tile a, 
    .sm-page-widget-pages .sm-tile a, 
    .sm-page-widget-images .sm-tile img {
        box-shadow: 5px 5px 5px #f00;
        -moz-box-shadow: 5px 5px 5px #f00;
        -webkit-box-shadow: 5px 5px 5px #f00;    
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        }
    


    Thanks!!!
  • McQMcQ Registered Users Posts: 165 Major grins
    edited October 9, 2013
    Just to add...I checked my SM site using Chrome and I see my drop shadows. I also added the webkit and moz as well.
    	-webkit-box-shadow: 5px 5px 5px #1e1e1e;
    	-moz-box-shadow: 5px 5px 5px #1e1e1e;
    

    I have no idea what the webkit and moz is, what it does, or how to use it. That's like a foreign language to me!
    "Where have you gone, Joe DiMaggio, our nation turns its lonely eyes to you?"

    http://mcq.smugmug.com
  • Hikin' MikeHikin' Mike Registered Users Posts: 5,467 Major grins
    edited October 9, 2013
    Try adding this in red:
    .sm-gallery-thumbnail .sm-tile {
        margin: 0 0 32px 32px;
        box-shadow: 8px 7px 5px #888;
       [COLOR=Red] -webkit-box-shadow: 8px 7px 5px #888;
        -moz-box-shadow: 8px 7px 5px #888;[/COLOR]
        }
    
  • McQMcQ Registered Users Posts: 165 Major grins
    edited October 10, 2013
    Try adding this in red:
    .sm-gallery-thumbnail .sm-tile {
        margin: 0 0 32px 32px;
        box-shadow: 8px 7px 5px #888;
       [COLOR=Red] -webkit-box-shadow: 8px 7px 5px #888;
        -moz-box-shadow: 8px 7px 5px #888;[/COLOR]
        }
    

    Done. Added to the CSS already in "All Galleries". Did anything change from your vantage point? I don't see any shadows yet.
    "Where have you gone, Joe DiMaggio, our nation turns its lonely eyes to you?"

    http://mcq.smugmug.com
  • Hikin' MikeHikin' Mike Registered Users Posts: 5,467 Major grins
    edited October 10, 2013
    I don't see it using Chrome. Unfortunately your right-click protection is making it difficult to troubleshoot. You mentioned you added this to BOTH all of your galleries and your site-wide CSS? I would only use the site-wide CSS.
  • McQMcQ Registered Users Posts: 165 Major grins
    edited October 13, 2013
    I don't see it using Chrome. Unfortunately your right-click protection is making it difficult to troubleshoot. You mentioned you added this to BOTH all of your galleries and your site-wide CSS? I would only use the site-wide CSS.

    Thanks, Mike. I'll put it just in the site-wide CSS then. I'm hesitant to turn off right-click protection for fear of losing shots to snatchers. If it would help figure out what's wrong I can temporarily disable it.

    Much appreciated again, for your help.
    "Where have you gone, Joe DiMaggio, our nation turns its lonely eyes to you?"

    http://mcq.smugmug.com
Sign In or Register to comment.