Where to copy/paste this code?
The simplest way is to use the Custom CSS section of the customizer option screen. If you have many customizations to make in CSS and PHP, then we strongly recommend you create a child theme. Everything you need to know about creating a child theme with Customizr here.
/* START OF Reduce gap between Slider and Zoom Image */
/* Reduce gap between Slider & Zoom Image */
.marketing {
margin-top: -20px;
}
/* Reduce gap between Zoom Image & FP Header */
.widget-front > h2 {
margin-top: 0px;
margin-bottom: 0px;
}
/* END OF Reduce gap between Slider and Zoom Image */
9 thoughts on “Reduce gap between Slider and Zoom Image”
I would like to remove the space between the header and the slider on the front page and all other pages on my site. I just updated to the most current version of Customizr. Any help would be most appreciated. Thanks.
I’m trying to reduce the space between the slider and the featured page titles (which I reordered above the images), and I’d also like to reduce the space between the titles and the featured pages images. I’ve tried using the code above in my custom css, but it didn’t adjust anything. Any advice would be appreciated. Homepage is http://www.senecaacademy.org. Thanks!
Here’s a quick css snippet to paste in your appearance > customize > advanced options > custom CSS
#main-wrapper, .fpc-marketing {
margin-top: 0px;
}
.fpc-widget-front .thumb-wrapper {
top: -10px;
}
Hope this helps
/* Reduce gap between Slider & Zoom Image */
.marketing {
margin-top: -20px;
}
/* Reduce gap between Zoom Image & FP Header */
.widget-front > h2 {
margin-top: 0px;
margin-bottom: 0px;
}
This code broke the theme bringing about the white screen of death
/* Reduce gap between Slider & Zoom Image */
.marketing {
margin-top: -20px;
}
/* Reduce gap between Zoom Image & FP Header */
.widget-front > h2 {
margin-top: 0px;
margin-bottom: 0px;
}
This code broke the theme bringing about the white screen of death
Try looking in the Snippets targeted at Slider.
Sorry for delay in response.
Hello Dave,
Many thanks for your thorough documentation and mod snippets for this theme: I’ve upgraded to Pro and now find that the snippets to reduce space between the featured images and the slider (I have it in Custom.css) don’t seem to be working. Any hints appreciated.
Hello Steve,
to apply the snippet above to Customizr-Pro (or Featured Pages Unlimited) you have to replace:
`.marketing` with `.fpc-marketing`
and
`.widget-front` with `.fpc-widget-front`
Hope this helps.
Maybe this would be a better place to post. I would like to remove space both above an below slider. Any code for that?