Title: CSS image caption don’t work
Last modified: January 11, 2019

---

# CSS image caption don’t work

 *  [oitavaesfera](https://wordpress.org/support/users/oitavaesfera/)
 * (@oitavaesfera)
 * [7 years, 5 months ago](https://wordpress.org/support/topic/css-image-caption-dont-work/)
 * Hi,
 * I’ve this post made before the Gutenberg editor
 * [https://portaviii.barcelos.info/2018/04/10/umas-mais-mounts/](https://portaviii.barcelos.info/2018/04/10/umas-mais-mounts/)
 * And the image caption is okay. All fine with the CSS
 * But with the new editor I can’t get the same effect.
 * The older CSS
 *     ```
       div .wp-caption { 
       		position: relative;	
       	  border: 0px solid #fff;
       	  margin:10px 10px 10px 10;
       }
   
       .wp-caption.alignright {
       	margin:10px 0 10px 15px;
       }
   
       .wp-caption-text{
       			background-color: rgba(0, 0, 0, 0.8); 
       			bottom: 15px; 
       			color: #eee; 
       			left:0; 
       			padding: 3px 10px 3px 20px;
       			position: absolute;
       			font-style: normal;
       	    font-family: "Roboto", arial, sans-serif !important;
           	}
       ```
   
 * Thanks in adavnce for the help.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcss-image-caption-dont-work%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 5 replies - 1 through 5 (of 5 total)

 *  [luckychingi](https://wordpress.org/support/users/luckychingi/)
 * (@luckychingi)
 * [7 years, 5 months ago](https://wordpress.org/support/topic/css-image-caption-dont-work/#post-11078130)
 * On `https://portaviii.barcelos.info/2018/04/10/umas-mais-mounts/` The caption
   is enclosed in a <p> tag:
    `<p class="wp-caption-text">grand armored wyvern</
   p>`
 * On `https://portaviii.barcelos.info/tag/claire-north/` its enclosed in <figcaption
   >
 * Try adding this to custom CSS:
 *     ```
       .wp-block-image {
           position: relative;
       }
       figcaption{
           background-color: rgba(0, 0, 0, 0.8);
           color: #eee;
           left: 0px;
           bottom: 0px;
           padding: 3px 10px 3px 20px;
           display: inline-block;
           position: absolute;
           font-style: normal;
           font-family: "Roboto", arial, sans-serif !important;
           margin: 10px 10px 10px 10;
       }
       ```
   
 *  Thread Starter [oitavaesfera](https://wordpress.org/support/users/oitavaesfera/)
 * (@oitavaesfera)
 * [7 years, 5 months ago](https://wordpress.org/support/topic/css-image-caption-dont-work/#post-11078192)
 * Solved. Thanks a lot.
 *  Thread Starter [oitavaesfera](https://wordpress.org/support/users/oitavaesfera/)
 * (@oitavaesfera)
 * [7 years, 5 months ago](https://wordpress.org/support/topic/css-image-caption-dont-work/#post-11078526)
 * Hi,
 * [@luckychingi](https://wordpress.org/support/users/luckychingi/) do you know 
   why the font color of the caption isn’t white?
 * If I change `color: #eee;` to `color: #fff;` nothing happens.
 * Thanks in advance.
    -  This reply was modified 7 years, 5 months ago by [oitavaesfera](https://wordpress.org/support/users/oitavaesfera/).
 *  [luckychingi](https://wordpress.org/support/users/luckychingi/)
 * (@luckychingi)
 * [7 years, 5 months ago](https://wordpress.org/support/topic/css-image-caption-dont-work/#post-11078555)
 * use this for chaging font color
 *     ```
       .wp-block-image figcaption{
       color:#fff;
       }
       ```
   
 *  Thread Starter [oitavaesfera](https://wordpress.org/support/users/oitavaesfera/)
 * (@oitavaesfera)
 * [7 years, 5 months ago](https://wordpress.org/support/topic/css-image-caption-dont-work/#post-11078563)
 * Fantastic!!!
 * Thanks a lot.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘CSS image caption don’t work’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 5 replies
 * 2 participants
 * Last reply from: [oitavaesfera](https://wordpress.org/support/users/oitavaesfera/)
 * Last activity: [7 years, 5 months ago](https://wordpress.org/support/topic/css-image-caption-dont-work/#post-11078563)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics