Removing border on background image

BillBassPhotoBillBassPhoto Registered Users Posts: 18 Big grins
edited December 18, 2019 in SmugMug Support

I have some custom CSS code on the site https://www.billbassphoto.com/Projects which gives me a white border and shadow effect around the tiled image on the page. But it also seems to be applying a grey border around the background image that I have chosen to display. Is there a way to modify the code so that the border and shadow applies to the image tiles but not the background image/
.sm-user-ui .sm-tile-content {
overflow: visible;
width: 95%;
border: 4px solid white;
box-shadow: 0px 3px 3px rgba(255, 255, 255, .75);
}

.sm-user-ui .sm-tile-content:after {
content: "";
position: absolute;
top: 100%;
bottom: -30px;
width: 165px;
right: -20px;
background: url(https://www.smugmug.com/gallery/n-s72pfc/i-xFqXLbL/A) no-repeat 100% 0;
}

.sm-user-ui .sm-tile-content:before {
content: "";
position: absolute;
top: 100%;
bottom: -30px;
width: 165px;
left: -20px;
background: url(https://www.smugmug.com/gallery/n-s72pfc/i-xFqXLbL/A) no-repeat 0 0;
}

Comments

Sign In or Register to comment.