Slider image too big

How can I make the slider images on the front page smaller, so that the visitor can see some of the content below the picture? It’s not easy to understand that there is more stuff to browse.

I’m thinking that half of the image is all I would need to display.

You could add this to a custom CSS plugin:

#slides {
   max-height: 400px;

Though the slider you’re using now is meant to be full screen. It will probably be better if you use the bundled Revolution Slider.