Moving elements around via CSS in WP-Members plugin
-
Hello,
I’m trying to fine tune elements around in the reg/login pages of the wp-members plugin. I noticed that the “input titles” and “input fields” are all grouped into one big row/column. I can’t seem to finely move these individual elements around the way I need to. When I try to using css it starts to break the layout and of course I can’t access the html.
I wish the author would have organized these elements and subdivided them further into groups or even placed individual ID’s on them so I can target them separately.
I’m not the greatest html/css guy so I could totally be off here but unless I can finely tune the layout and move elements around the way I need to match the rest of my site I don’t think WordPress is gonna work for me.
Any ideas? html below…
<form name="form" method="post" action="http://dev.bloomh.com/?page_id=71" class="form"> <fieldset> <legend>Edit Your Information</legend><label for="username" class="text">Username</label> <div class="div_text"><p class="noinput"></p></div><label for="first_name" class="text">First Name<font class="req">*</font></label><div class="div_text"><input name="first_name" type="text" id="first_name" value="" class="textbox"> </div><label for="last_name" class="text">Last Name<font class="req">*</font></label><div class="div_text"><input name="last_name" type="text" id="last_name" value="" class="textbox"> </div><label for="addr1" class="text">Address 1<font class="req">*</font></label><div class="div_text"><input name="addr1" type="text" id="addr1" value="" class="textbox"> </div><label for="addr2" class="text">Address 2</label><div class="div_text"><input name="addr2" type="text" id="addr2" value="" class="textbox"> </div><label for="city" class="text">City<font class="req">*</font></label><div class="div_text"><input name="city" type="text" id="city" value="" class="textbox"> </div><label for="thestate" class="text">State<font class="req">*</font></label><div class="div_text"><input name="thestate" type="text" id="thestate" value="" class="textbox"> </div><label for="zip" class="text">Zip<font class="req">*</font></label><div class="div_text"><input name="zip" type="text" id="zip" value="" class="textbox"> </div><label for="country" class="text">Country<font class="req">*</font></label><div class="div_text"><input name="country" type="text" id="country" value="" class="textbox"> </div><label for="phone1" class="text">Day Phone<font class="req">*</font></label><div class="div_text"><input name="phone1" type="text" id="phone1" value="" class="textbox"> </div><label for="user_email" class="text">Email<font class="req">*</font></label><div class="div_text"><input name="user_email" type="text" id="user_email" value="" class="textbox"> </div><input name="a" type="hidden" value="update"><input name="redirect_to" type="hidden" value="http://dev.bloomh.com/?page_id=71"> <div class="button_div"> <input name="reset" type="reset" value="Clear Form" class="buttons"> <input name="submit" type="submit" value="Submit" class="buttons"> </div><div class="req-text"><font class="req">*</font>Required field</div> </fieldset></form>
- The topic ‘Moving elements around via CSS in WP-Members plugin’ is closed to new replies.