Hi,
I use the default JS 4.5 template. If I click on an image it will open in a popup windows, with the navigation arrows right and left. But around the navigation arrow is always a white border that doesnt look good at all. Could you help me to remove it, or tell me what css class i need to edit.
See the image for details.

Hi
Add below code in your template.css file

.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: none!important;
}
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: none!important;
}

Hi and thanks, sharma,
but I am talking about the extra square, rectangle white border. the arow is fine.

Hi
The button is already transparent its the border.
if you will remove its hard to see navigation .
This is code used

.mfp-arrow-right:after {
    border-left: 17px solid #FFF;
}

.mfp-arrow-left:after {
    border-right: 17px solid #FFF;
}