Ess grid shadow cropped

[Mejdoub]

hi in my first page i’m using ess grid my grids have shadow but they are cropped at the right
i want also to mage border radius all over the grid but it was only possible on the bottom not on the top where the image is
thanks

[ruenel]

Hello There,

Thanks for writing in! Please edit your grid skin and make your changes. You may adjust the border corners and the paddings around the grid item to allow the shows to be visible. Please check this out to know more how you can edit the grid:
https://www.themepunch.com/essgrid-doc/item-skin-editor/

Hope this helps.

[Mejdoub]

all this is already done
css is :
.esg-grid .mainul li.eg-homepage-box-wrapper {
background: rgba(255,255,255,0);
padding: 0px 0px 0px 0px;
border-width: 0px 0px 0px 0px;
border-radius: 7px 7px 7px 7px;
border-color: #e5e5e5;
border-style: solid;
box-shadow: 6px 6px 12px 2px #d7d7d7;
-moz-box-shadow: 6px 6px 12px 2px #d7d7d7;
-webkit-box-shadow: 6px 6px 12px 2px #d7d7d7;
}

so we see that radius is only on bottom and shadow cropped from right
where am i missing
thanks

[paul.r]

Hi,

To fix it, you can add this in Theme Options > CSS

.esg-grid .mainul li.eg-homepage-box-wrapper {
    width: 97% !important;
}

Hope that helps.