youssef elmajbri youssef elmajbri - 4 months ago 14
CSS Question

Box shadow not showing on both sides

I use this css code for box shadow but I get only on the top and bottom
Look like this

div#blog-pager {
border-radius: 2px;
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.35);
-moz-box-shadow: 0 0 3px rgba(0,0,0,.35);
box-shadow: 0 0 3px rgba(0,0,0,.35);}


this css style don't have shadow style

#blog-pager{background:#fff;clear:both;width:auto;padding:20px;line-height:normal;position:relative;display:block;text-align:right;overflow:visible;margin:20px 0 5px 0}


I don't know if this code above affect the code I added

This is my blog : Blog

Answer

Add margin:2px to #blog-pager. because the #main-wrapper have overflow: hidden;

#blog-pager {
box-shadow: 0px 1px 3px rgba(0,0,0,.35);
margin: 2px;
 }
Comments