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;
}

That did not work. Then someone gave me the following advise:

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

That also did not work. Does anyone have any ideas how to solve this problem?

Best wishes,
Paul

⋅ Categories: Drupal 7.x

Comments

him1992’s picture

him1992 commented


give it size{size="44"}.

paul_constantine’s picture

paul_constantine commented

Tried multiple solutions.

/* Picture Upload */
input#edit-picture-upload {
  size="30";
}

As well as ...

/* Picture Upload */
.form-file #edit-picture-upload {
  size="30";
}

None of them worked (and my cache is disabled).

him1992’s picture

him1992 commented

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

paul_constantine’s picture

paul_constantine commented

That is the code firebug found. The entry 'size="44"' is resposible for the width.

But ... how do I translate this into the bartik style.css?

So far every single entry I tried did not have any impact on the with of the input field.

Regards, Paul

him1992’s picture

him1992 commented