I haven't been able to find any info on the web to help me out here. Using Magnific Popup I'd like my popup images to display with a single black border. Ive gone into the Magnific-popup.css file and added the following:
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
/*my attempt at adding a border around the image */
**border: 2px solid red;**
/* end attempt */
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; }
What I'm getting is a red border in the display area, adding a black greyish border around the image.
Has anyone done this before? Thanks in advance.