Title: Header Slider Height
Last modified: August 30, 2016

---

# Header Slider Height

 *  [aminjaddi](https://wordpress.org/support/users/aminjaddi/)
 * (@aminjaddi)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/header-slider-height/)
 * How can i change header slider height?
 * [http://www.nazemibridal.com](http://www.nazemibridal.com)

Viewing 13 replies - 1 through 13 (of 13 total)

 *  [codeManiac](https://wordpress.org/support/users/codemaniac/)
 * (@codemaniac)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/header-slider-height/#post-6882113)
 * 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 !
 *  Thread Starter [aminjaddi](https://wordpress.org/support/users/aminjaddi/)
 * (@aminjaddi)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/header-slider-height/#post-6882184)
 * Thank you codeManiac , that worked.
 * Do you have any idea that how can i delete footer in this theme?
 *  [codeManiac](https://wordpress.org/support/users/codemaniac/)
 * (@codemaniac)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/header-slider-height/#post-6882238)
 * 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 🙂
 *  Thread Starter [aminjaddi](https://wordpress.org/support/users/aminjaddi/)
 * (@aminjaddi)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/header-slider-height/#post-6882285)
 * Thank you so much, that’s amazing, it works perfectly …
 *  [codeManiac](https://wordpress.org/support/users/codemaniac/)
 * (@codemaniac)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/header-slider-height/#post-6882289)
 * Glad to hear that 🙂
 * Feel free to ask if you need anything else 🙂
 *  Thread Starter [aminjaddi](https://wordpress.org/support/users/aminjaddi/)
 * (@aminjaddi)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/header-slider-height/#post-6882300)
 * 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](https://wordpress.org/support/users/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.
 *  [codeManiac](https://wordpress.org/support/users/codemaniac/)
 * (@codemaniac)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/header-slider-height/#post-6882307)
 * Can you make a screenshot of the problem? because I don’t see any white space
   when the page completely load
 *  Thread Starter [aminjaddi](https://wordpress.org/support/users/aminjaddi/)
 * (@aminjaddi)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/header-slider-height/#post-6882326)
 * 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
 *  Thread Starter [aminjaddi](https://wordpress.org/support/users/aminjaddi/)
 * (@aminjaddi)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/header-slider-height/#post-6882327)
 * sorry i don’t know how to post a screenshot here
 *  [LiMEntal](https://wordpress.org/support/users/limental/)
 * (@limental)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/header-slider-height/#post-6882431)
 * 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](http://kepfeltoltes.hu/160809/Snap-000194_www.kepfeltoltes.hu_.png)
   and the [original photo](http://kepfeltoltes.hu/160809/Porsche-1_www.kepfeltoltes.hu_.jpg)
   I used.
 *  [Kharis Sulistiyono](https://wordpress.org/support/users/kharisblank/)
 * (@kharisblank)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/header-slider-height/#post-6882432)
 * Hello there,
 * Could you please try to apply the following CSS code through the [Simple Custom CSS](https://wordpress.org/plugins/simple-custom-css/)
   plugin or child theme’s style.css?
 *     ```
       .slides-container .slide-item{
         background-position: top center !important;
       }
       ```
   
 * Regards,
    Kharis
 *  [LiMEntal](https://wordpress.org/support/users/limental/)
 * (@limental)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/header-slider-height/#post-6882433)
 * Thank you for you help Kharis. But nothing happened.
 * This is my website: [http://www.cloner.metatraderprogram.com](http://www.cloner.metatraderprogram.com/)
 *  [mkstelmack](https://wordpress.org/support/users/mkstelmack/)
 * (@mkstelmack)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/header-slider-height/#post-8228734)
 * 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

Viewing 13 replies - 1 through 13 (of 13 total)

The topic ‘Header Slider Height’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/sydney/2.67/screenshot.png)
 * Sydney
 * [Support Threads](https://wordpress.org/support/theme/sydney/)
 * [Active Topics](https://wordpress.org/support/theme/sydney/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/sydney/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/sydney/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)

 * 13 replies
 * 5 participants
 * Last reply from: [mkstelmack](https://wordpress.org/support/users/mkstelmack/)
 * Last activity: [9 years, 7 months ago](https://wordpress.org/support/topic/header-slider-height/#post-8228734)
 * Status: not resolved