youssef elmajbri youssef elmajbri - 1 year ago 54
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 Source

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;