Title: Velux Theme – Custom CSS Issue
Last modified: September 8, 2017

---

# Velux Theme – Custom CSS Issue

 *  Resolved [SpiritusAdvising](https://wordpress.org/support/users/spiritusenergy/)
 * (@spiritusenergy)
 * [8 years, 8 months ago](https://wordpress.org/support/topic/velux-theme-custom-css-issue/)
 * Hi:
 * I’m hoping someone can lend a hand with some custom css that’s been kicking my
   butt. What I’m trying to achieve is to remove the white space between the header-
   wrapper and the image-slider on my site (SpiritusAdvising.com). I can’t seem 
   to get rid of it.
 * Any help is welcome.
 * Many thanks, in advance, for the assistance.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fvelux-theme-custom-css-issue%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [Evan Herman](https://wordpress.org/support/users/eherman24/)
 * (@eherman24)
 * [8 years, 8 months ago](https://wordpress.org/support/topic/velux-theme-custom-css-issue/#post-9480993)
 * Hi [@spiritusenergy](https://wordpress.org/support/users/spiritusenergy/),
 * You should be able to alter the element by using the following css.
 *     ```
       body.home .sow-slider-base ul.sow-slider-images li.sow-slider-image .sow-slider-image-container .sow-slider-image-wrapper {
          padding: 125px 0;
       }
       ```
   
 * You should be able to add that to your themes ‘Additional CSS’ inside of the 
   customizer. You can get there from the dashboard by navigating to ‘Appearance
   > Customize > Additional CSS’ ([https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress](https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress)).
   Once there, you will want to add the code provided above. That should move the
   slider up a bit inside of your header, only on the homepage.
 * Let us know how that works out for you.
 * Evan
 *  Thread Starter [SpiritusAdvising](https://wordpress.org/support/users/spiritusenergy/)
 * (@spiritusenergy)
 * [8 years, 8 months ago](https://wordpress.org/support/topic/velux-theme-custom-css-issue/#post-9502955)
 * Thank you, [@eherman24](https://wordpress.org/support/users/eherman24/). That
   worked perfectly! Cheers.
 *  [Jemmap](https://wordpress.org/support/users/jemmap/)
 * (@jemmap)
 * [8 years, 3 months ago](https://wordpress.org/support/topic/velux-theme-custom-css-issue/#post-9955863)
 * Hey Guys,
 * I hope you dont mind me jumping into this conversation but ive got a problem 
   with my coding for the velux theme too on mobile.
 * I added some custom code to velux as the main nav wouldnt allow me to add additional
   sub menus to the main nav and let me click on them. Because of this it lengthened
   the height of the header row, i didnt really mind that, however now for anything
   that is considered a header (on mobile) it really stretches the header text out
   and looks really un user friendly. Heres an example of the homepage [http://www.willhuntbreaking.com](http://www.willhuntbreaking.com)
   and then the testimonial in the grey box on this page [https://willhuntbreaking.com/lessons/riding-lessons/](https://willhuntbreaking.com/lessons/riding-lessons/)
   is really stretched on mobile which i think is to do with the code i added but
   i really needed it so i could add more options to the homepage nav.
 * Is there anyway you can help me keep the sub menus being clicked on the homepage
   but reduce the header spacing for all my pages.
 * Hoping you can help.
 * Thanks so much,
 * Gemma

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

The topic ‘Velux Theme – Custom CSS Issue’ is closed to new replies.

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

## Tags

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

 * 3 replies
 * 3 participants
 * Last reply from: [Jemmap](https://wordpress.org/support/users/jemmap/)
 * Last activity: [8 years, 3 months ago](https://wordpress.org/support/topic/velux-theme-custom-css-issue/#post-9955863)
 * Status: resolved