Okay
  Public Ticket #349097
How to remove blank space between images
Closed

Comments

  • Joel started the conversation

    Hi,

    I have an issue where when I scroll down on my main page the sections below the top "nectar slider" has some blank white space between them.  How the page is set up is that I have a nectar slider at the top and then 3 nectar sliders below it which have a static image.  To be honest I'm not sure if this is the proper way to do setup my page but it's the only option I've figured out thus far that has given me a fullscreen image below another fullscreen image.  I'm attaching a file to show exactly what I mean.  Also, and I don't know if these issues are connected but the top part of each image is being cut off by maybe 50-80 pixels or so.  Maybe someone can guide me as to why these issues are happening?

    Thanks!

  •  8,426
    Tahir replied

    Hey!

    Add this into the Custom CSS box located in your Salient Options panel :
    .no-extra-padding .wpb_wrapper > div {
        margin-bottom: 0px !important;
    }
    
    Thanks 


    ThemeNectar Support Team 

  • Joel replied

    Thank you!  That code worked.  I have one final question for now.  The top nectar slider has several images that fade into each other.  I want the slideshow to stop on the last image but it keeps looping back to the original photo.  I have the "loop slider" checkbox unchecked like I should but it still loops.  Is there another option I need to turn off somewhere or is there some code you can provide that ensures it to stop at the last image?

  •  987
    ThemeNectar replied

    Hey Joel! Open your Nectar-slider.js file in the js folder and delete this line:

     $nectarSliders[sliderNum].swipeTo(0,800);
    Cheers
  • Joel replied

    Hey Nectar!  So that addition worked (thank you) but now the padding issue I originally had has returned but in a slightly different way.  There is now blank space between the first slider and the second slider, which is odd since there is no padding between the other three slides below (which got removed originally after I put in the first line of code you suggested).

    Sorry to keep having issues!  The help is greatly appreciated.

    -Joel

  •  987
    ThemeNectar replied

    Hey Joel!

    Change the row type of your first row to be full width background :)

    Cheers