CODEWITHSUNDEEP
markdown
BTC
BTC

Reputation: 4072

Bitbucket Server/shields.io Outline issue

I'm having a pretty trivial yet frustrating issue with Bitbucket.

I'm using a shield from http://shields.io/

The code below is not my shield specifically, but is basically the same:

npm

[![npm](https://img.shields.io/npm/v/npm.svg)](https://www.npmjs.com/ "npm")

The problem is that when I include this in the README.md of my Bitbucket repository, it appears with a narrow gray outline around the image:

enter image description here

I understand Atlassian has it's own subset of rules for Markdown, yet I cannot find any mention of handling image outlines in their documentation for using Markdown: https://bitbucket.org/tutorials/markdowndemo/overview#markdown-header-images.

I've tried adding a <style> block with the following CSS code:

.markup img {
    border: 0 !important;
    outline: none !important;
}

to the Markdown, but it appears as though that block was ignored entirely.

How I can get rid of this outline?

Upvotes: 0

Views: 667

Answers (1)

Virtua Creative
Virtua Creative

Reputation: 2113

I believe you're adding an empty link to the image, that's might be causing the issue. Try this:

![npm](https://img.shields.io/npm/v/npm.svg)

Should do the job.

Hope to have helped!

UPDATE

Look, I tried to reproduce your error, but on a README.md file that I created for that, the image looks fine:

demo

Upvotes: 2

Related Questions