Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • October 18, 2013 at 6:53 pm #177533
    dhuet

    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

    October 18, 2013 at 8:38 pm #177564
    Josue

    Hi,

    Can you post the link to your website please?

    Regards,
    Josue

    October 18, 2013 at 8:43 pm #177566
    dhuet
    This reply has been marked as private.
    October 19, 2013 at 1:19 am #177609
    Josue

    Hey!

    Apply it like this:

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

    Regards,
    Josue

    October 21, 2013 at 3:36 pm #178445
    dhuet

    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

    October 21, 2013 at 7:48 pm #178609
    Josue

    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

    October 21, 2013 at 8:02 pm #178617
    dhuet

    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

    October 21, 2013 at 9:31 pm #178645
    Josue

    Hey!

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

    Regards,
    Josue

    October 21, 2013 at 10:00 pm #178657
    dhuet

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

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Pattern Overlay’ is closed to new replies.