slider with dark Overlay

  • I would like to leave the images of the slider with dark background, black overlay type. would it be possible?

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

  • Hello @drica100

    In order to have the overlay effect in the slider section, please use below CSS.

    For this go to Admin Panel > Appearance > Customize > Additional CSS and below CSS.

    #main-slider:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.49);
    z-index: 99;
    left: 0;
    top: 0;
}

    Hope this helps.

    If you want more dedicated and swift support on the theme, please visit the theme’s official support.

    https://themepalace.com/forum/clean-corporate/

    Best Regards!!

    Thread Starter drica100

    (@drica100)

    Thaks! but….
    ??
    It only gets dark on the 2o slider.
    Is there something missing?

    Can you take a look at Link?
    https://engenhariagwse.com.br/engenharia/

    Tks so much!

    Hello @drica100

    As we have inspected the site URL you have provided, it is found that the CSS code we have provided are working for all the sliders. But during the transition of the slider due to transition effect the overlay effect is not working.

    So once try increasing the value of the opacity and see if it works.

    Also if want the dedicated support please post your queries in the theme’s official support.
    https://themepalace.com/forum/clean-corporate/

    Hope this helps.

    Best Regards!!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘slider with dark Overlay’ is closed to new replies.

Tags