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 ?
