Arrows not displaying in Magnific Popup gallery

Question

I have the Magnific Popup working almost exactly how I would like it to but for some reason the arrows are not displaying in the gallery mode.

Instead are two empty boxes with what looks like a thin top border.

Looking at the CSS, I cannot find any reference to an image or inserting a character

ie inspecting the HTML in the webkit dev tools shows the default <button> markup but the tags are empty. The .mfp-* classes are present in the CSS but they do not refer to any image nor do the :before and :after pseudo selectors insert any characters as content .

Should I have included some images in the project? If so what do I name them? I can find no reference to any images in the docs ...

Answer 1

Check the network tab and see if the images failed to load. If they did, it could either be a path issue in the css or the images were not added to the project.