Portfolio opacity

[David]

David

April 10, 2015 at 7:04 am

Hello,

I’m trying to line up the right side of the portfolio opacity with the border. I have this custom css

.grid_item img {
border: 6px solid #3fb8af;
border-radius: 15px;
}

.portfolio_item .portfoliolink {
ms-filter: "alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
border-radius: 0 0 9px 9px;
opacity: 1;
margin: 6px 6px 6px 6px;
}

But because there is a 100% width the margin-right is not working. I can override by setting the width to a lesser value to display nicely on desktops, but on mobiles on tablets the opacity overlaps past the border. Is there a better/simpler way to do this?

Website: *Login to see link

Thanks,
David.