Styling the Profile Update Page

[bisrael]

I’d like to restyle my front-end profile update page via css or html table directives; I have a long form so having the label & input on the same line would be great benefit. Can you give me an idea of how to tackle this?

[bisrael]

This issue is resolved… I added this to my child theme style.css. I now have a 2 column User Profile update page.

.um_field_container .pf_label {
display: inline-block;
text-align: right;
width: 190px;
margin-right: 0.1em;
text-transform: uppercase;
color: rgb(102, 102, 102);
font-size: 12px;
font-weight: bold;
letter-spacing: 0.1em;
line-height: 2.2em;
}
.um_field_container .um_input {
display: inline-block;
width: 300px;
margin-left: 2px;
border: 1px solid #781351
}

[Author]

Posts