Standard badges rendering too big about jupyter-book HOT 7 CLOSED

Holy moly, that's way too big haha... I bet it's the css of the default template. Do you see where the size of the image is being applied in the css?

from jupyter-book.

(I'd look myself but not at a computer right now)

from jupyter-book.

Mmmm… I have no idea. It seems it uses something called inuit. The thing though is I wouldn't necessarily want to change the rendering of all images, just those relating to badges. Would that be a) doable b) not too hard for a CSS newbie like me? Thank you very much in advance :)

from jupyter-book.

Lemme give it a shot as a part of #66 :-)

from jupyter-book.

66 removes the width: 100% CSS rule for any image (only for notebook output images), which I think is going to solve this problem for you. You might need to use your own CSS class to make sure the badge snaps to the left instead of being centered (for an example, see the badge that's in the intro.md file of that PR)

from jupyter-book.

Bam! I just changed the two lines suggested in #66 for the width:100% and this now looks a lot better:

The centering is something I can definitely live with. Thank you very much for the prompt and excellent response @choldgraf! I'm closing the ticket now as consider it addressed :-)

from jupyter-book.

woot! If you want those left-aligned, you can add a custom class to the images either by adding {:.myclass} and that'll be added to the p element above the image, which you can then style as you like. You could also manually embed the images w/ HTML, which works in markdown, e.g. <img src="mysrc.png" style="margin-left: 0px" />

from jupyter-book.