Edit Profile Inputs

[tunescool]

this changes the Thread Title input on the Posting Page and the inputs on the Edit Profile pages

input[type="text"],
input[type="email"], input[type="password"] { color:
@forms_field_text_color; font: @forms_field_text_font; background:
@forms_field_background; border: @forms_field_border;
.rounded-corners(@forms_field_border_radius); width: 300px; height:
20px; padding: 2px; }
i want to keep the rounded corners on the Posting Page but not the Edit Profile pages

and change the border

support board told me it would be a template mod

[Brian]

Most of the containers in V5 have their own unique classes specific to them that you can add before the CSS you posted.

In the case of the posting page, you could use container.wysiwyg-area to do this.

container.wysiwyg-area input[type="text"],
container.wysiwyg-area input[type="email"], container.wysiwyg-area input[type="password"] { color:
@forms_field_text_color; font: @forms_field_text_font; background:
@forms_field_background; border: @forms_field_border;
.rounded-corners(@forms_field_border_radius); width: 300px; height:
20px; padding: 2px; }

The class of a container can always be found in the source or by using your browser's dev console by right-clicking an element and inspecting it, then looking for a div with the class container. There will usually be another class separated by a space that goes along with it.

[tunescool]

sometimes when threads have been updated they dont show up in participated, or at least the New doesnt

i took the rounded part out of the original line and everything went back to normal and added a line with the

container.wysiwyg-area

and it doesnt change the posting page


container.wysiwyg-area input[type="text"], container.wysiwyg-area input[type="email"], container.wysiwyg-area input[type="password"] { color: @forms_field_text_color; font: @forms_field_text_font; background: @forms_field_background; border: @forms_field_border; .rounded-corners(@forms_field_border_radius); width: 300px; height: 20px; padding: 2px; }
input[type="text"], input[type="email"], input[type="password"] { color: @forms_field_text_color; font: @forms_field_text_font; background: @forms_field_background; border: @forms_field_border; width: 300px; height: 20px; padding: 2px; }