By paul_constantine on

I am not able to change the width of the "user picture upload field" on the "edit my account" page.

Firebug shows the following code for the upload-field:

<input id="edit-picture-upload" class="form-file" type="file" size="48" name="files[picture_upload]">

Size needs to be reduced from "48" to "30". But I can not find the lines in the style.css where I can reduce the width of the upload input field. Right now the field is too wide and breaks my layout.

I tried adding the following code to the style.css:

/* Picture Upload */
#edit-picture-upload .form-file {
  width:200px;
}

But it did not work. Can anyone help me?

Best wishes,
Paul

⋅ Categories: Drupal 7.x

Comments

payamspot’s picture

payamspot commented

According to this forum's Theme development forum guidelines I think you should ask your question in another forum.

payamspot’s picture

payamspot commented

Anyway, I guess the problem is from your CSS rule, you may not use the ID and class this way together. Instead try this one:

/* Picture Upload */
input#edit-picture-upload{
  width: 200px;
}
paul_constantine’s picture

paul_constantine commented

Anyway, your solution did not work. But thank your for your time.

Cheers,
Paul