How to Add Text Over Featured Images in WordPress? Adding captions to featured image of posts enables you to add some conceptual text that describe for what your image is all about. But if your WordPress theme doesn’t have a in-built feature for the same then it may be complex to add.
No worries, Here we are to provide some easy ways to add text over images without using custom code at bscriptsource.com.
Method 1: Check if Theme Supports featured Image Captions:
Before moving towards other ways to add text over featured images, its worth reviewing if your theme has the feature to support this functionality.
For Instance- When I check some new twenty twenty default theme, It will auto display the caption that I have setup in media library.
So if your theme supports, its an easy way to add captions in featured images.
However, all themes doesn’t support this feature. If your theme doesn’t support captions by default, then you can try our different methods.
- Add Text on Featured Images with Featured Image Caption:-
“Featured Image Caption” is a free plugin that enables you to add a caption to your featured images similar to the captions you add for other images in your posts.
Its very easy to use and works with mostly all themes. Also it is compatible to work with both classic editor and Gutenberg editor.
To start with, Install & Activate free “Featured Image Caption” plugin. After activation, you’ll see Featured Image Section in WordPress editor. In block editor it displays in sidebar.
How to Add Text Over Featured Images in WordPress?
Just add the text you want to add on image. That’s it! Plugin will automatically add text caption to the featured image. By default, the text appears below the featured image.
If you would like to move this text to make it “float” over image, you can use simple CSS code as follows:
span.ccfic-text {
position: relative;
bottom: 50px;
color: white;
font-size: 32px;
}
- Adding Text to Featured Image With Cover Block:
If you are using Gutenberg block editor, you can add featured image with text using default blocks. While block editor have multiple options for add text over pictures. We recommend using Native cover block for featured images. Also you can make it full-width to add nice featured effect.
If your theme auto display the featured image on single page, you need to disable that to avoid duplicate issue because cover block is technically separated from featured image.