Align the question container on the right side of the screen. | XM Community
Skip to main content
Solved

Align the question container on the right side of the screen.

  • July 28, 2020
  • 7 replies
  • 462 views
M

Hello Dear Qualtrics community,

I've been trying to fix the whole content of the survey (question container) on the right side of the screen for several hours now.

It should be extremely easy but I think I'm on the edge of my seat. Can you help me?

I am new to Qualtrics. Please forgive me if I haven't understood some obvious things yet.
EDIT: Solved It. Sorry! It worked without a logo.
Greetings,

Max

Best answer by moowil

Give this CSS a shot.
.Skin .SkinInner {
margin: 0 0 0 auto;
}
In case the default styles are winning the cascade battle, you can either append !important
.Skin .SkinInner {
margin: 0 0 0 auto !important;
}
or use a heavier base selector:
.Skin #Wrapper .SkinInner {
margin: 0 0 0 auto;
}

    7 replies

    M
    • moowil
    • Answer
    • July 29, 2020

    Give this CSS a shot.
    .Skin .SkinInner {
    margin: 0 0 0 auto;
    }
    In case the default styles are winning the cascade battle, you can either append !important
    .Skin .SkinInner {
    margin: 0 0 0 auto !important;
    }
    or use a heavier base selector:
    .Skin #Wrapper .SkinInner {
    margin: 0 0 0 auto;
    }

    5 Attachments
    M
    M
    • MaxBF92
    • Author
    • July 29, 2020

    Thanks alot. That worked even with an Logo implemented! :-)
    I implemented this:
    .Skin .SkinInner {
    margin: 0 0 0 auto !important;
    }

    S
    • Shahrzad
    • March 9, 2021

    Hello there, how can I modify this current code so the left margin is decreased. I want the question box to start from left rather than centre. Thank you.

    A
    Level 7 ●●●●●●●
    Forum|alt.badge.img+22
    • ahmedA
    • Level 7 ●●●●●●●
    • March 9, 2021

    Change the margin to 

    margin-left: 0 !important;

    S
    S
    • Shahrzad
    • March 11, 2021

    AhmedA! Thanks for your great help!! :) I have another Q, what if I want to make the display margin wider? it is now showing things from left but the text/survey box is narrower than what I need. ...

    S
    • Shahrzad
    • March 11, 2021

    https://www.qualtrics.com/community/discussion/comment/35424#Comment_35424AhmedA! Thanks for your great help!! :) I have another Q, what if I want to make the display margin wider? it is now showing things from left but the text/survey box is narrower than what I need. ...
    How can I decrease the left margine
    .Skin .SkinInner {
      margin-left: 0 !important;
       margin-right: 0 0 0 !auto;
    }

    A
    Level 7 ●●●●●●●
    Forum|alt.badge.img+22
    • ahmedA
    • Level 7 ●●●●●●●
    • March 11, 2021

    Go through this article. It explains the box model, it should provide you with answers to most sizing and positioning related questions.

    Terms & ConditionsAccessibility statement