question-mark
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.

Adding image captions

See original GitHub issue

I am looking for a way to add image captions to slides.

AFAIK, since alt text cannot be rendered, the best solution is to use html’s figure and figcaption tags as seen in this SO answer with demo, by doing so we can create a CSS rule in order to theme figure’s caption independently.

I have just discovered rst file format, but apparently .. figure: is already accepted (https://thomas-cokelaer.info/tutorials/sphinx/rest_syntax.html#images-and-figures). I tried with that code in hovercraft and worked fine, but unfortunately the output is not what I expected to be and I cannot theme it as I would love.

This is my desired output:

<div  class="step"...>
<figure>
    <img src="image.jpg" alt="alt text" />
    <figcaption>Image caption</figcaption>
</figure>
</div>

And this is hovercraft’s output (as you can see figure and figcaption are missing):

<div  class="step"...>
<img src="image.jpg" alt="alt text" width="100%">
Image caption
</div>

Is there any way to modify the figure’s output to match the desired one?

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:11 (11 by maintainers)

github_iconTop GitHub Comments

1reaction
regebrocommented, Aug 31, 2018

Yup, that’s it, glad to hear it worked.

0reactions
ccamaracommented, Aug 31, 2018

Ok, I figured it out: maybe it’s not the best way to do it (I am pretty new to python and I am learning quite a lot from this project) but I managed to install it by executing sudo python3 install setup.py. After doing so, html is rendering as expected.

Read more comments on GitHub >

github_iconTop Results From Across the Web

AddText — Captions for your photos, quick and easy
Easy-to-use tool for adding text and captions to your photos. Create memes, posters, photo captions and much more!
Read more >
Add, format, or delete captions in Word - Microsoft Support
Select the object (table, equation, figure, or another object) that you want to add a caption to. · On the References tab, in...
Read more >
Add caption to an Image or Photo - Pixelixe
Once you uploaded your photo from your computer, click on the "Texts" tab (Between the 5 options from the left panel : "Background",...
Read more >
Adding image captions to an email
Tips for creating useful image captions that make your email ... Adding a caption above or below an image is easy to do...
Read more >
Add Caption to Photo Online For Free - Pixelied
Add Caption to Photo with More Customizations ... Encourage the audience to focus on your message. Use borders to highlight the text. ......
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found