How do i make the slider smaller

Hi
1/ I have not coding knowledge but can you help me get the slider smaller as you have to scrol down just to see the images let alone the content.

2/ I also wanted to get rid of the black/grey bar that runs across the top of the home page and move the slider up but still have my navbar and logo where they should be.

Please can you help?

Kind regards

Elly

 

Hello,

Paste the following code in your Custom CSS
(Appearance -> Theme Options -> Styling Options -> Custom CSS)
1. For the first issue,

Code:

.flexslider .slides img {
height: 350px;
}
 
@media only screen and (max-width: 1140px) and (min-width: 960px){
.flexslider .slides img {
height: auto ! important ;
}
}
@media only screen and (max-width: 960px) and (min-width: 767px){
.flexslider .slides img {
height: auto ! important ;
}
}
@media only screen and (max-width: 767px) and (min-width: 480px){
.flexslider .slides img {
height: auto ! important ;
}
}
@media only screen and (max-width: 480px){
.flexslider .slides img {
height: auto ! important ;
}
}

For your second issue,
Go to the Reading Settings panel (Settings > Reading) in your dashboard and follow the instruction as shown in the image given below.





This will solve your issue.