Remove Space - NEXT / Qualtrics Logo | XM Community
Skip to main content

Hi Everyone

Hope you’re all doing well?

I’ve been digging around and found a few suggestions but they did not work for me.

How would I reduce this space (yellow line)?

 

Thanks :)

Hi @parkie_0007 

 

Try this one . Hope this will work . You can adjust the values as per your requirement 

 

.Skin #NextButton {

    margin-top: 10px;  

}

.Skin .SkinInner {

    margin-top: 15px;

}


Thanks!

This worked.

.Skin .SkinInner {

margin-top: 15px;

}

But this did not and its this one I’m ideally after.

.Skin #NextButton {

margin-top: 10px;

Thanks :)


 

Thanks!

This worked.

.Skin .SkinInner {

margin-top: 15px;

}

But this did not and its this one I’m ideally after.

.Skin #NextButton {

margin-top: 10px;

Thanks :)

Great !! 👍👍


Thanks for your help but I still need you help with this.

But this did not and its this one I’m ideally after.

.Skin #NextButton {

margin-top: 10px;

Thanks :)


Hi @parkie_0007,

If you are using ‘Classic’ template try with below code:

.Skin #Buttons {

padding: 10px !important;

}

 

Hope this helps you.


Hi @parkie_0007 

Do you want to reduce the gap between next button and footer also??


If yes you can use this 

.Footer {

    margin-top: 0 !important;

}

 


Sorry this is still not working.

I just want to reduce the gap between the NEXT button and footer.

Hope you can help!

Thanks :)


Hi @parkie_0007,

 

Try with below code once:

#Footer{
padding-top:10px !important;
margin-top : 10px !important;
}

#Plug{margin-top:1px !important;}

 

Also, try by removing last line of code

 


Sorry this is still not working.

I just want to reduce the gap between the NEXT button and footer.

Hope you can help!

Thanks :)

Instead of 0 use -10 or something to reduce the gap


The BrandingFooter might also be adding the large gap. Try updating the CSS to the below:

.Skin #BrandingFooter, .Skin #Footer {
margin-top: 10px !important;
}

 


I was just using 0px:

.Skin #Buttons { margin-top: 0px; padding-top: 0px }

 


Leave a Reply