0

I have a Restrict Content Pro form which includes a fieldset legend (Change your Password) which I want to move to a new row in the left column. I have tried adding new form fields (to move the legend along) and then hiding them but that gets me nowhere. Any suggestions? Change your Password

0

1 Answer 1

1

This is a demo :). Hope this work properly.

fieldset {
  border: none;
}

input {
  padding: 8px 20px;
  border: 1px solid #c3c3c3;
  border-radius:15px;
  background:#f1efd0;
}

input::placeholder {
  opacity: 0;
}

legend {  
  transform: translate(20px,30px);
  transition: all 0.75s ease;
}

input:not(:placeholder-shown) ~ legend  {
  color: #111;
  transform: translate(0);
}

body{
  font-size: 14px;
}
<fieldset>
  <input id="password" type="password" placeholder="New Password" autocomplete="off"/>
  <legend><label for="password">New Password</label></legend>
</fieldset>

4
  • is working properly?
    – Rayees AC
    Commented Sep 11, 2020 at 7:50
  • I already have css on the page which includes a table. I have copied the css to this page: era.org.au/css
    – Bernard
    Commented Sep 11, 2020 at 8:00
  • I should add that the form is created using Restrict Content Pro
    – Bernard
    Commented Sep 11, 2020 at 8:03
  • Do you need any further info to assist?
    – Bernard
    Commented Sep 13, 2020 at 3:57

Not the answer you're looking for? Browse other questions tagged or ask your own question.