Header Slider Height

Hey aminjaddi !

add the following to your style.css file :

div#slideshow {
    height: 1000px !important;
}

Note: replace that 1000px with the value that suits your needs ??

Cheers !

Thank you codeManiac , that worked.

Do you have any idea that how can i delete footer in this theme?

yep

To delete the lowest part which is the darkest one use

footer {
   display:none;
}

if you want to remove the part where it says ” proudly designer by “
check footer widgets and remove them , apparently the content there is built using widgets. If it keeps showing ( it can happen if a default value is used when widgets are not active ) do the following :

.footer-widgets {
    display:none;
}

ofc if you want to remove both do both steps that I told you about ??

Cheers and don’t forget to mark it as resolved when done ??

Thank you so much, that’s amazing, it works perfectly …

Glad to hear that ??

Feel free to ask if you need anything else ??

I have one more question, my slider in first page was cutting off the pictures and i found a css code which was as below:

@media only screen and (max-width: 800px){
#slideshow{
height: 300 !important;
}
.slides-container .slide-item{
background-size: 100% !important;
}
}

i used it actually worked but maid some white spot on the top and button of the pictures and is not looks good, do you have any better way for me to fix this problem?

I really appreciate your help.

Can you make a screenshot of the problem? because I don’t see any white space when the page completely load

Oh i forgot to mention that the problem is on mobile devices sorry …

/Users/zahraashjar/Downloads/IMG_0270.PNG

/Users/zahraashjar/Downloads/IMG_0271.PNG

sorry i don’t know how to post a screenshot here

Hi,

div#slideshow {
    height: 1000px !important;
}

This code is working. But – as aminjaddi mantioned – needs a bit more change.

The height of the slideshow really changed. But the photoes of the slideshow are still sized to the whole window. I show you a screenshot of my page and the original photo I used.

Hello there,

Could you please try to apply the following CSS code through the Simple Custom CSS plugin or child theme’s style.css?

.slides-container .slide-item{
  background-position: top center !important;
}

Regards,
Kharis

Thank you for you help Kharis. But nothing happened.

This is my website: https://www.cloner.metatraderprogram.com

Hi! I have a similar problem over at mkstelmackauthor.com. I’ve tried c/p’ing the css code div#slideshow {
height: 1000px !important;
}
and adjusting down the 1000px value but nothing showed. I did it on evolve theme which has an ‘edit css’ option under customize and on the css style sheet and on the Simple Code CSS plugin. Is there something obvious I’m missing? It’s on a bootstrap slider, if that makes any difference to the code.

Best,

Moira