Slider Image Background

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

    (@awanrmb)

    Hello there,

    To add overlay effect to the header, you can try to use following css code:

    .header-slider::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #000;
    z-index: 2;
    opacity: 0.5;
}
.text-slider-section {
    z-index: 5;
}

    Please adjust the opacity as you need from the css code in above.
    You can add these css code in styles.css in your child theme, or use simple custom css plugin.

    Thread Starter blogcapestrano

    (@blogcapestrano)

    Solve

    Thank u so much guys

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Slider Image Background’ is closed to new replies.