I’d like to display the alternative text (ALT text) below the featured image on single post pages.
From what I understand, this doesn’t seem possible with CSS alone, since the ALT text is part of the HTML tag as an attribute (e.g.,
), but not rendered as visible content in the DOM. CSS cannot extract or display this attribute as visible text, and the ::after pseudo-element doesn’t work with
elements.
So far, it seems the only way to achieve this is by modifying the template via a child theme, using PHP to retrieve the ALT text from the media attachment metadata (_wp_attachment_image_alt) and print it beneath the image.
Can you confirm if this is the recommended approach? Or is there a built-in method in the Newspaper theme to output the ALT text visibly below the image, either via settings or hooks?
Thanks in advance for your support!
Hi,
If you are referring to the featured image that when you open an article, then you can use a single post template and make sure that this option is unchecked – https://i.imgur.com/Tihhwgn.png – https://i.imgur.com/EIxmJIq.png also make sure that you have an alt on that image.
If you want to display the alt on blocks thumbnails, then it can be done only doing changes in the theme files, or by adding an custom field were to set the text that should be display above, under the thumb, then use the module builder to create the module and using the custom filed element you’ll display that “alt” text.
Thank you!
