Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Borders and Shadows not displayed for images

See original GitHub issue

Hi,

I just replaced Hugo Theme Learn with the theme DocDock on my website https://invincible.site

It is working great but I would like to report a minor issue related to images.

In order to display shadows and borders for my images, I used the following markdown:

![ImageTitle][page link]  

[page link]: /images/Image01.JPG?classes=border,shadow

This is similar to what is described on your documentation under Shortcodes > image menu and it worked fine with the previous theme (Hugo theme Learn) as well.

However, with DocDock, the borders and shadows are not displayed.

I had tested this with the following browsers and none of them are showing the desired results:
Safari,
Firefox 53.0.3,
Google Chrome 58.0.3029.110,
Microsoft Edge 40.15063.0.0,
IE 11 and
Maxathon 4.4.8.1000.

An additional issue with IE and Maxathon web browsers is that theme variants (green and gold) are not reflected, even if they are selected through the config.toml (should I open a separate issue for this?).

Note
Here is a disclaimer about the changes to your CSS that I did. I do not believe that my changes should have an effect on the issues that I reported, but I am stating them for transparency:

I used the template from your gold theme variant to create a theme that reflected the color theme of my website. The only things that I changed were the color values in the CSS variables.
I changed the border-top of the footline to “none”, so that it is not displayed on the pages.