Questions tagged [figcaption]

23 questions
2
votes
1 answer

Set figcaption width from img and align

To display figures, I use
This is a longer caption that may wrap lines.
Now I'm trying to get the following via CSS: figure is horizontally centered on the page. figcaption has the same width…
srs
  • 558
  • 4
  • 9
1
vote
1 answer

move figcaption under the image for mobile devices

i'm in the process of making an old site responsive and i've encountered a few hurdles. I would like the desktop version to show the fig captions on the right side, but in the mobile version the fig captions should be under the…
1
vote
1 answer

Assign figure caption to html widget (vtree package) in R markdown output

I need to implement a figure caption in a plot that is generated by the vtree package in R markdown. I learned that this is a htmlwidget and figure captions should now be possible for htmlwidgets used in R markdown with install.packages('webshot')…
TarJae
  • 72,363
  • 6
  • 19
  • 66
1
vote
2 answers

Why my figcaption appears at the top right of the image?

when I insert this code all images have their figcaptions under them but SPICED RUM has its figcaption on the right top position. How to fix it? this is the HTML code:
1
vote
1 answer

Issue revealing figcaption in Safari only

I’m running into an interesting CSS issue on my portfolio site that I haven’t been unable to solve on my own. I’m using the and tags to transition from an image to a caption/button on desktop hover or mobile click. Unfortunately, it works on all…
kjmagill
  • 13
  • 2
1
vote
0 answers

How do I show a figcaption in a thumbnail gallery using JavaScript?

I made a thumbnail gallery with JS, and I am trying to show the current image's figcaption when a thumbnail is clicked. JS is working fine for retrieving and showing the thumbnails themselves, but I'm stumped on how to display their figcaptions…
cjalbs
  • 11
  • 1
0
votes
2 answers

How to vertically center text within a figcaption which contains partially stylized text?

I have an image viewer for displaying a full-window-view photo with a
. The upon hover/focus the
displays overtop the bottom of the image (so the image remains full screen). In order for there to be uniformity in the display…
jafarlow
  • 11
  • 4
0
votes
0 answers

Full image overlay caption css not working on Angular with router outlet

Hi working on an angular app I have a portfolio section with images and some text that should show when you put pointer over the image (overlay caption) and it used to work if I had everything on the app.component.html but when I configured the…
0
votes
2 answers

Photo caption not lining up under photo (html, CSS)

Newbie question: I'm trying to put a photo on the right side of a website, have the text wrap around on the left, and have a photographer credit directly under the photo. The credit is showing up on the left side above the text header instead of…
0
votes
0 answers

How to insert custom element inside a figcaption in image plugin in ckeditor 5

I am trying to insert an custom element inside a figcaption tag. But image is not set properly. I customized image upload plugin of ckeditor 5. I changed the plugin. When I upload image, this code lines are running: const newCaptionElement =…
0
votes
0 answers

How would you put caption on these images? Javascript

var imgs = [ 'pic1.gif', 'pic2.jpg', 'pic3.jpeg', 'pic4.gif', 'pic5.jpeg', 'pic6.jpeg', 'pic7.jpeg', 'pic8.jpg', 'pic9.webp' ], n = imgs.length, current = n-1, closedWidth =…
0
votes
1 answer

How to inherit color properties from figures to figcaptions

I'm trying to make a figure that changes the background color of the contained image when i hover over it with my mouse. I was able to do as much and then trying to go up a level by trying to change the color of the caption and the background using…
0
votes
0 answers

getting captions to show up and move along with pictures in a slideshow using figcaption, JS

I'm a total JS beginner. This is my first shout out for help, please be kind... :o I've made a JS slideshow, but my figcaptions don't change with the slideshow. Very weirdly, it's not even that the captions don't change-- all the captions show up…
B D
  • 1
0
votes
1 answer

How to fix character limit in figcaptions? grid gallery

I trying to fix figcaption but with no results. whats the problem?