Slider – making the spaces smaller

can you give a URL to your website so me and other people can take a look at it and get a vision of your site and help you better? ??

Sure. Here it is:
tedxuclwomen.com

This can be done by changing values for line-height, but you must be carefull because slider is resposive (for better adapting to different browser sizes), so you must include @media queries to make your change work on all screens. For smart phones this is the default Customizr css code where you can change height values in px

@media (max-width: 480px) {
  .carousel .item {
    line-height: 190px;
    overflow: hidden;
    min-height: 190px;
 }
}

and for big desktop screens

@media (min-width: 1200px) {
.carousel .item {
    line-height: 500px;
    overflow: hidden;
    min-height: 500px;
 }
}

I suggest you read this snippet that explains this much better and in details.

Thank you tomaja for your answer. So I pasted this codes into Custom css code in Customise and nothing changed. I was expecting the header to be right underneath the header. I Change the pixel values to smaller and nothing changed either. Can you please tell me how I can manipulate this to move the slider up and all the rest of front page content right underneath the slider? I would appreciate your help. I’m new to CSS but I think it’s time for me to learn:)

I should be working, at least it did when I was checking with Google Chrome Inspector. Your slider images are now within normal size, no more gap ?