• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Appfinite

Appfinite

Premium WordPress Themes for The Genesis Framework

  • Themes
  • Blog
  • Tutorials and Resources
  • Forums
  • Contact Us

Slider Image Behind Site Header

Home › Community Forums › Epik Theme Support › Slider Image Behind Site Header

  • This topic has 1 reply, 2 voices, and was last updated 8 years, 10 months ago by scooby.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • August 25, 2013 at 7:23 am #6797
    Abigailjane
    Customer

    Hi,

    I know how to make the header bar transparent but I want to get the slider image to go behind this so it butts up to the top of the page. Here is an example of what i am talking about – http://lewishowes.com/ so my navigation links would be laid on top of my slider image.

    Here is my site http://unitefortheanimals.org/ for now I have just put a solid block image in for testing but this will be a big photo.

    Obviously I only want the navigation bar to be transparent on the main page as well so I was planning on adding something like this – `.home .head-wrap {
    background:rgba(255, 255, 255, 0.7);
    }`

    Can anyone help me with this?

    Thanks
    Abigail

    August 25, 2013 at 1:22 pm #6805
    scooby
    Customer

    I’ve tried doing the same thing, but couldn’t get it working myself. So if anyone else is reading this and would like to help out I’d appreciate it.

    Here is what I have been able to do….Warning, it may not be the correct way so don’t rely on it 100% ๐Ÿ˜‰

    If you reverse the order so the #head-wrap (div around the header) is on bottom of the slider….meaning move the slider up on top, then you could add position: relative; bottom: 250px; background: none; to the #head-wrap and that would remove the background, and move the position of it so it shows up above and on top of the slider. Weird, I know…but it sort of works as you can see here – http://i.imgur.com/MWe4M82.png

    I’d at least start with something like that and just play around with it to see if you can get it working.

    If anyone else has a better way let me know.

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.
Log In

Primary Sidebar

Search Forums

Affiliate Program

Looking to earn some money? Join our Affiliate program and earn 35% of every sale you refer. Top referrers earn 40-50%.

Join Now โ†’

The Genesis Framework

All of our themes are designed for the Genesis Framework. You will need to purchase Genesis in order to use any of our themes.

Purchase Genesis

Hire a Web Developer

Need help setting up or customizing your website?

Contact Us โ†’

Search Full Site

  • Buy Genesis!
  • Shopping Cart
  • Themes
  • My Account
  • Support Forums
  • Tutorials and Resources
  • Privacy Policy
  • Contact Us
  • Follow Us on Twitter

Copyright © 2022 ยท Appfinite ยท Built With The Genesis Framework