Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • November 4, 2013 at 10:27 pm #184498
    covaun

    I’m trying to create a single image landing page with the menu and logo on top image the image. Like this: (link)

    Can the be done?

    Thanks

    November 5, 2013 at 1:18 am #184561
    Ismael

    Hey covaun!

    You can use the Fullscreen Slider or the LayerSlider then add this on your custom.css or Quick CSS to move the content upwards.

    .fixed_header #main {
padding-top: 0;
}

    You can change the transparency of the header using this:

    .header_bg {
opacity: .1;
filter: alpha(opacity=10);
}

    Regards,
    Ismael

    November 5, 2013 at 3:13 am #184594
    covaun

    Great. Thanks.

    November 5, 2013 at 4:40 am #184616
    covaun

    Guess I spoke too soon. It just gives it a normal header.
    Link

    November 5, 2013 at 4:59 am #184618
    covaun

    Nevermind, I got to work.

    November 5, 2013 at 5:25 am #184625
    covaun

    Ugggg. Sorry back again. How can I only have this effect the homepage. I tried the .page-id-XX, but it’s not working.

    November 5, 2013 at 8:12 am #184675
    Ismael

    Hi!

    You can add the .home selector:

    .home .fixed_header #main {
padding-top: 0;
}

.home .header_bg {
opacity: .1;
filter: alpha(opacity=10);
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Single Image Landing Page w/menu’ is closed to new replies.