Right side of folders, box-shadow / Radius problem

markmicallef · August 27, 2013

I using the following css to round the corners and add a drop shadow on folders and noticed the far right column of folders are not rounded and the Drop shadow is cut off.

.sm-page-widget-images, .sm-tile img {
    border-radius:8px;
  border: 1px solid #000;
  box-shadow: 12px 12px 10px rgba(0, 0, 0, .4);
max-width: 95%}

located here: http://www.mark4pics.com/Family/Alicia

markmicallef · August 27, 2013

markmicallef wrote: »
I using the following css to round the corners and add a drop shadow on folders and noticed the far right column of folders are not rounded and the Drop shadow is cut off.
.sm-page-widget-images, .sm-tile img {
    border-radius:8px;
  border: 1px solid #000;
  box-shadow: 12px 12px 10px rgba(0, 0, 0, .4);
max-width: 95%}
located here: http://www.mark4pics.com/Family/Alicia

Fixed it with this

.sm-tiles-row-organic .sm-tiles-list {
overflow: visible;
margin: 0 0 0 -10px;
}

Rocketman766 · September 22, 2013

Would the same fix listed above work if only the bottom right corner is squared? Mine is happening in folders and galleries.

Right side of folders, box-shadow / Radius problem

Comments