Remove Dark Overlay From Slideshow

  • Mike Lyman

    (@mike-lyman)


    5 years, 1 month ago

    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 to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator cubecolour

    (@numeeja)

    5 years, 1 month ago

    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

    (@mike-lyman)

    5 years, 1 month ago

    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.