Hello,
I’ve no idea how to center the password text and box. As I’ve expanded the margins of the survey globally to 65%, it’s appearance is a bit awkward. Any suggestions are welcome.
![](https://uploads-us-west-2.insided.com/qualtrics-us/attachment/aff8135b-47d3-4ee0-b168-1923213132cd.png)
Hello,
I’ve no idea how to center the password text and box. As I’ve expanded the margins of the survey globally to 65%, it’s appearance is a bit awkward. Any suggestions are welcome.
Hi
Add the below html code in html view
<!-- Question Text -->
<p>Please enter your password below:</p>
<!-- Password Field -->
<div class="center-password-container">
<label for="password">Password:</label>
<input type="password" id="password" name="password">
</div>
and css code in custom css
.center-password-container {
text-align: center !important;
}
.center-password-container input[type="password"] {
display: inline-block !important;
margin: 0 auto !important;
}
Thank you
I think this post is referring to the Password protection toggle found in Survey Options --> Security, so I don't think creating an html password input field will work here. Adding the below CSS to the Style section of the Look & Feel is working on my end to center the password field and text in Simple layout:
#question-display-wrapper-Password {
text-align: center;
}
#question-Password > div > div > div > div > div.question-content > div {
margin: auto;
}
#question-display-Password {
max-width: 100%;
}
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.