Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #177533

    Hi,

    is there a quick and easy way to display a pattern overlay fort he Fullscreen Slider or any other sliders? Just to give a little transparency texture over large image sliders. I notice that the full screen slider does have the option to add a css tag,

    #pattern-overlay { width: 100%;
    background: url(images/pattern/pattern1.png) repeat;
    }

    Thank you!
    D

    #177564

    Hi,

    Can you post the link to your website please?

    Regards,
    Josue

    #177566
    This reply has been marked as private.
    #177609

    Hey!

    Apply it like this:

    #fullscreen_slider_0 {
    background: url('images/pattern/pattern1.png') repeat;
    }

    Regards,
    Josue

    #178445

    Hi Josue,

    Thank you so much for your response. The pattern appears on the right container but is show behind the images. I have changed the index to 999 but it still show behind. Any thought?

    #fullscreen_slider_0 {
    background: url(‘images/pattern/pattern6.png’) repeat;
    z-index: 999;
    }

    Thanks,
    Dhuet

    #178609

    Hey Dhuet!

    That won’t work, you can’t make the background to be on top of the contents of the div, however what you can do is to make the contents of the div a little bit transparent, try adding this code to the Quick CSS:

    #fullscreen_slider_0 > div{
    opacity: 0.8;
    }

    Cheers!
    Josue

    #178617

    Josue,

    That does not do the trick. I does take the transparent down, but now pattern show.

    here a pretty goos example of what I am trying to achieve.

    http://themes.goodlayers.com/?theme=incidental

    Thanks,
    DHuet

    #178645

    Hey!

    I applied the code while seeing the site and it does what you want:

    Regards,
    Josue

    #178657

    You are correct. I had done something slightly different. Thanks you.

Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘Pattern Overlay’ is closed to new replies.