Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    Regular Coder
    Join Date
    Nov 2011
    Posts
    136
    Thanks
    11
    Thanked 0 Times in 0 Posts

    Question Adding a texture overlay to a "segment"?

    I'm working with a WordPress template here from themeforest. But because I'm trying to do something other than what the template has designed, the developer doesn't really want to help.

    At the top of my page I have a background image that parallaxes. I want to add a transparent texture overlay to this image.

    HOWEVER, because of the way the template is set up I seem to be having some difficulty with this.

    While the homepage appears to be a one-page layout, it's actually not. The homepage is made up of "segments" within the page itself, and this parallaxing header is one of those individual "segments". I've tried creating a div that encompasses the full segment, but it seems to mess up the content below, and I can't seem to get the z-index right either.

    This is my development page: http://dev.yourbusybee.com/YBB, and here is an example of what I'm trying to do (though I realize that this is done with a parallax scroller, instead of within the page itself): http://www.brandonbrotsky.com.

    Any help you can afford would be much appreciated.

    Thanks in advance.

    ~Laura

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,480
    Thanks
    6
    Thanked 981 Times in 954 Posts
    Why don’t you just open that background image in your favorite image editor, overlay the texture there, and re-export it?

  • #3
    Regular Coder
    Join Date
    Nov 2011
    Posts
    136
    Thanks
    11
    Thanked 0 Times in 0 Posts
    Because I'd actually like the image to parallax behind the overlay, not have it be a part of the image itself. I'm not a fan of that way of doing things. Sorry.

  • #4
    Regular Coder Nerevarine's Avatar
    Join Date
    Jan 2013
    Location
    Phendrana Drifts
    Posts
    283
    Thanks
    0
    Thanked 17 Times in 17 Posts
    Blog Entries
    3
    You could just put the texture in the exact same spot as the background image, and give a higher z-index. This should position the image above it, resulting in the textured overlay.
    Time kills us in our sleep and we watch it happen in our dreams. -K.K.
    THE END-ALL PROGRAMMING REFERENCE: CLICK HERE (Courtesy of Major Payne)
    My username was previously L0adOpt1c. :: Please read this before posting in the HTML/CSS forum.
    Validate your HTML here and your CSS here. :: Need basic HTML/CSS tutorials? Click here, don't post about it.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •