Community Forums › Forums › Archived Forums › General Discussion › Balance signup form align input fields
- This topic has 6 replies, 4 voices, and was last updated 11 years, 4 months ago by
beewright.
-
AuthorPosts
-
December 23, 2013 at 2:27 am #80854
webartsco
MemberI've installed the Balance child theme, activating the Home Featured Right widget with the Genesis eNews Extended plugin, for a signup form.
The form works perfectly well, but the two input sub boxes - for first name and email, respectively - are not aligned : the email box extends further to the left than the name box does.
If someone can tell me how I can line them up sot the space to the left side of the colored box is the same for both, that would be great.
http://deswalsh.comDecember 23, 2013 at 2:45 am #80857Genesis Developer
MemberModify your style.css file
Current code
.enews #subbox { -moz-box-shadow: inset 0 1px 2px 1px #eee; -webkit-box-shadow: inset 0 1px 2px 1px #eee; background: url(images/email-icon.png) no-repeat 16px 15px #fff; border-bottom: none; border-left: 1px solid #963c3c; border-right: none; border-top: 1px solid #963c3c; box-shadow: inset 0 1px 1px 1px #eee; color: #bbb; font-family: Verdana, Arial, Tahoma, sans-serif; font-size: 9px; padding: 14px 15px 14px 45px; text-transform: uppercase; width: 160px; }New Code
.enews #subbox { -moz-box-shadow: inset 0 1px 2px 1px #eee; -webkit-box-shadow: inset 0 1px 2px 1px #eee; background: url(images/email-icon.png) no-repeat 16px 15px #fff; border-bottom: none; border-left: 1px solid #963c3c; border-right: none; border-top: 1px solid #963c3c; box-shadow: inset 0 1px 1px 1px #eee; color: #bbb; font-family: Verdana, Arial, Tahoma, sans-serif; font-size: 9px; padding: 14px 15px 14px 45px; margin-left: 25px; text-transform: uppercase; width: 160px; }
December 23, 2013 at 6:02 am #80863webartsco
MemberMany thanks, genwrock.
December 23, 2013 at 7:22 am #80870Genesis Developer
Memberwelcome
Please mark it as "RESOLVED"
December 23, 2013 at 2:47 pm #80958webartsco
Memberso marked
January 14, 2014 at 11:24 am #85165Alejandra
MemberGrate post! Following!
I am just starting my way using WordPress and Genesis Framework, installing Balance Theme!August 11, 2014 at 7:25 am #118181beewright
MemberI'm having issues with this problem as well. I tried putting in the new code and my alignment boxes are still off.
.enews #subbox {
-moz-box-shadow: inset 0 1px 2px 1px #eee;
-webkit-box-shadow: inset 0 1px 2px 1px #eee;
background: url(images/email-icon.png) no-repeat 16px 15px #fff;
border-bottom: none;
border-left: 1px solid #963c3c;
border-right: none;
border-top: 1px solid #963c3c;
box-shadow: inset 0 1px 1px 1px #eee;
color: #bbb;
font-family: Verdana, Arial, Tahoma, sans-serif;
font-size: 9px;
padding: 14px 15px 14px 45px;
margin-left: 25px;
text-transform: uppercase;
width: 160px;
} -
AuthorPosts
- The topic ‘Balance signup form align input fields’ is closed to new replies.