Divi doesn’t have a setting to add credit to images, but luckily it’s an easy effect to achieve right within the builder using a little bit of CSS.

This method using something know as a “pseudo-element”, which can be found in the advanced tab of the module settings.

If you’ve ever opened the custom CSS toggle, you’ve probably seen the boxes labelled “before” and “after”. These are pseudo elements!

These let you add things before and after the module. In this case we’re going to use the “after” psuedo element.

This method sticks the caption to the bottom corner so it’ll be completely mobile responsive.

Here’s how to do it…

Step 1:
Add an image module with your desired image, then in the advanced tab open the custom CSS toggle and add “position:relative” to the “main element” box.

Step 2a:
If you’d just like to have white text in the bottom of the image, add the following code to the “after” box in the custom css toggle. If you’d like it to be on the left, just replace the word “right” with “left”:


content: 'Photo by Unsplash';
position: absolute;
bottom: 5px;
right: 10px;
color: white;
line-height: 1em;

Step 2b:
If you’d just like to have dark text with a white background, add the following code to the “after” box in the custom css toggle. If you’d like it to be on the left, just replace the word “right” with “left”:


content: 'Photo by Unsplash';
position: absolute;
bottom: 0px;
right: 0px;
padding: 4px;
background: white;
color: #1a1a1a;
line-height: 1em;

Step 3:
Click save and publish, and that’s it!

Let me know if you have any questions in the comment section below! You can also contact me directly via email at hello @ andyhooke.co.uk.