Title: Remove Dark Overlay From Slideshow
Last modified: April 21, 2021

---

# Remove Dark Overlay From Slideshow

 *  [Mike Lyman](https://wordpress.org/support/users/mike-lyman/)
 * (@mike-lyman)
 * [5 years ago](https://wordpress.org/support/topic/remove-dark-overlay-from-slideshow/)
 * There’s a dark, semi-transparent overlay on a slideshow I created on one of my
   pages, using the Frost theme (don’t know if the Frost theme is a factor at all;
   I doubt it). I found a potential answer on an archived thread: _Add below css
   code into your current active child theme’s style.css file or you can add additional
   css option in theme customizer:_
 * .flexslider .slides li .flexText,
    .freddoImageOp { background-color: transparent!
   important; }
 * I must not be very smart because I can’t find the place where I’m supposed to
   insert the above code. I’ve looked everywhere. **_How do I get rid of this semi-
   transparent overlay??_**
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fremove-dark-overlay-from-slideshow%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Moderator [cubecolour](https://wordpress.org/support/users/numeeja/)
 * (@numeeja)
 * [5 years ago](https://wordpress.org/support/topic/remove-dark-overlay-from-slideshow/#post-14347498)
 * If you remove the transparent overlay, the caption will not be readable on slides
   with a very light colour, so I would suggest limiting the height of the caption
   overlay instead.
 * To achieve this you can add the following rule:
 *     ```
       .wp-block-jetpack-slideshow_slide.swiper-slide figure figcaption.wp-block-jetpack-slideshow_caption.gallery-caption {
       max-height: 2.6em;
       }
       ```
   
 * You can add this to the custom styles panel in the WordPress customizer which
   you can access from the admin menu:
 * **appearance** -> **customize** -> **Additional CSS**
 *  Thread Starter [Mike Lyman](https://wordpress.org/support/users/mike-lyman/)
 * (@mike-lyman)
 * [5 years ago](https://wordpress.org/support/topic/remove-dark-overlay-from-slideshow/#post-14347882)
 * That did the trick! Only I found I was only able to place the code in CUSTOM 
   CSS (appearance -> customize -> **_Custom CSS_** ). Thanks for your help!

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

The topic ‘Remove Dark Overlay From Slideshow’ is closed to new replies.

## Tags

 * [dark overlay](https://wordpress.org/support/topic-tag/dark-overlay/)
 * [slideshow](https://wordpress.org/support/topic-tag/slideshow/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 2 replies
 * 2 participants
 * Last reply from: [Mike Lyman](https://wordpress.org/support/users/mike-lyman/)
 * Last activity: [5 years ago](https://wordpress.org/support/topic/remove-dark-overlay-from-slideshow/#post-14347882)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics