-2

I'm setting up a site at unclick and I want the slider images in the first section to fit the full window.

Can I do this just with CSS or will I need javascript as well?

The div holding the slider images has the id #section1 and it's this section that needs to fit the window.

Any help would be immense!

Mike Donkers
  • 3,589
  • 2
  • 21
  • 34
pjk_ok
  • 618
  • 7
  • 35
  • 90

2 Answers2

1

This CSS would make a div fill the full browser window:

position: fixed;
top: 0;
right: 0;
bottom: 0;
left:0;
Alexander Bondar
  • 524
  • 4
  • 21
1

You can do this (use viewport units):

CSS

#section1, .et_pb_slider .et_pb_slide {
    height: 100vh;
}

Beware, if you leave the mouse hover the images, the slide stops...You gonna have a full image in a full screen , so the mouse inevitable goes hover full screen...just a tip.

Luís P. A.
  • 9,524
  • 2
  • 23
  • 36
  • Luis you are a legend!! How do I recommend or score you for your rating? – pjk_ok Oct 16 '15 at 13:22
  • Thanks for the tip as well. Now I know about the vh property I might have a single background Image with a button in the first section to link to my portfolio when I've uploaded it. Thanks again Luis. – pjk_ok Oct 16 '15 at 13:30
  • @PaulKnight you are welcome – Luís P. A. Oct 16 '15 at 13:37