This tutorial will show you how to move the captions of images from their default location, below an image, to on top of the image itself. We'll also be adding some additional CSS styling to the caption to spice it up a bit.
Step 1. Open the html/css editor
Click on "Design" at the top, then click on "Edit HTML/CSS" on the left.
Step 2. add css coding
Click on "main-style.css" on the left and add the code below to the file.