Reduce heigth of slider

Hi there,

I would like to reduce the HEIGHT of the slider, as I think it is too dominant and pushes the content way too long down the page (http:www.bjoernjohansen.dk)

How do I do that?

Best regards

Bjørn Johansen

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

#featured .ui-tabs-panel img {
height: 80%;
}
#featured {
height: 290px;
}

Adjust its value as per your requirements.

 

Hi Gourav,

Thanks for your prompt reply. The above solution squeezes the picture heigth (please see enclosed) How do I avoid that? So that I can upload a file of 920x150 px and it looks great? Would a better solution be to hide the slider (I only intend to use one header) and have a static header photo? If so, how do I do that?

Best regards

Bjørn

 

Hello Bjorn,

Upload image of same height that you have set in the css code.
If you have set image height 150 then upload image of same 150px. It will resolve squeezing problem.
If you upload single image at the slider then it will behave like a static header photo.

 

Brilliant! Thanks