T^hank you.
You don’t need any css changes.
Your problem is someone has editd your template in past and have put
the button inside the label. Which is incorrect and leading to the problem.Please change this
<p class="drag-drop-buttons"><label for="bp-browse-button" class="bp-screen-reader-text">Select your File <input id="bp-browse-button" type="button" value="Select your File" class="button" style="position: relative; z-index: 1;"> </label> </p>
to
<p class="drag-drop-buttons"><label for="bp-browse-button" class="bp-screen-reader-text">Select your File</label> <input id="bp-browse-button" type="button" value="Select your File" class="button" style="position: relative; z-index: 1;"> </p>
and everything will work fine.
Regards
BrajeshYes. Even better, just rename this file if it is in your child theme. You most probably don’t need it.
Cleared cache browser and site cache, it appears but then quickly disappears again. :/ the closing </label> tag is in the right place from looking at it in website inspector. there’s a lot of spaces between the closing tag and the previous code.
<label for="bp-browse-button" class="bp-screen-reader-text">Select your File<input id="bp-browse-button" type="button" value="Select your File" class="button" style="position: relative; z-index: 1;"> </label>
Please rename the file to something else. BuddyPress will load the uploader from your currently active template pack(which version of BuddyPress are you using?) and it will work.
The input type file should not be wrapped inside the bp-screen-reader text.
Please disable the captcha again. I am not sure why, But it is not allowing me to login again and testing.
The topic ‘ [Resolved] Browse profile pic and crop fixed and broken!’ is closed to new replies.