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

Remove Space - NEXT / Qualtrics Logo


Forum|alt.badge.img+5

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 :)

12 replies

krbhavya
Level 6 ●●●●●●
Forum|alt.badge.img+20
  • Level 6 ●●●●●●
  • 172 replies
  • July 12, 2023

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;

}


Forum|alt.badge.img+5
  • Author
  • Level 5 ●●●●●
  • 151 replies
  • July 12, 2023

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 :)


krbhavya
Level 6 ●●●●●●
Forum|alt.badge.img+20
  • Level 6 ●●●●●●
  • 172 replies
  • July 12, 2023

 

parkie_0007 wrote:

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 !! 👍👍


Forum|alt.badge.img+5
  • Author
  • Level 5 ●●●●●
  • 151 replies
  • July 12, 2023

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 :)


Sachin Nandikol
QPN Level 6 ●●●●●●
Forum|alt.badge.img+30
  • QPN Level 6 ●●●●●●
  • 454 replies
  • July 12, 2023

Hi @parkie_0007,

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

.Skin #Buttons {

padding: 10px !important;

}

 

Hope this helps you.


krbhavya
Level 6 ●●●●●●
Forum|alt.badge.img+20
  • Level 6 ●●●●●●
  • 172 replies
  • July 12, 2023

Hi @parkie_0007 

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


krbhavya
Level 6 ●●●●●●
Forum|alt.badge.img+20
  • Level 6 ●●●●●●
  • 172 replies
  • July 12, 2023

If yes you can use this 

.Footer {

    margin-top: 0 !important;

}

 


Forum|alt.badge.img+5
  • Author
  • Level 5 ●●●●●
  • 151 replies
  • July 12, 2023

Sorry this is still not working.

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

Hope you can help!

Thanks :)


Sachin Nandikol
QPN Level 6 ●●●●●●
Forum|alt.badge.img+30
  • QPN Level 6 ●●●●●●
  • 454 replies
  • July 12, 2023

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

 


krbhavya
Level 6 ●●●●●●
Forum|alt.badge.img+20
  • Level 6 ●●●●●●
  • 172 replies
  • July 12, 2023
parkie_0007 wrote:

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


Tom_1842
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • Level 8 ●●●●●●●●
  • 868 replies
  • July 20, 2023

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

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

 


MsIreen
Level 5 ●●●●●
Forum|alt.badge.img+23
  • Level 5 ●●●●●
  • 454 replies
  • July 20, 2023

I was just using 0px:

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

 


Leave a Reply