Remove Space - NEXT / Qualtrics Logo | XM Community
Question

Remove Space - NEXT / Qualtrics Logo

P
Rank
Userlevel 6
Badge +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
Rank
Userlevel 6
Badge +20

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;

}

Bhavya Kumar
P
Rank
Userlevel 6
Badge +5

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
Rank
Userlevel 6
Badge +20

 

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

Bhavya Kumar
P
Rank
Userlevel 6
Badge +5

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
Rank
Userlevel 6
Badge +21

Hi @parkie_0007,

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

.Skin #Buttons {

padding: 10px !important;

}

 

Hope this helps you.

Sachin
krbhavya
Rank
Userlevel 6
Badge +20

Hi @parkie_0007 

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

Bhavya Kumar
krbhavya
Rank
Userlevel 6
Badge +20

If yes you can use this 

.Footer {

    margin-top: 0 !important;

}

 

Bhavya Kumar
P
Rank
Userlevel 6
Badge +5

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
Rank
Userlevel 6
Badge +21

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

 

Sachin
krbhavya
Rank
Userlevel 6
Badge +20

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

Bhavya Kumar
Tom_1842
Rank
Userlevel 7
Badge +27

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
Rank
Userlevel 7
Badge +23

I was just using 0px:

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

 

Leave a Reply


Terms & Conditions