• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Balance signup form align input fields

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › General Discussion › Balance signup form align input fields

This topic is: resolved

Tagged: Balance Child theme, Genesis eNews Extended plugin, home page, signup form

  • This topic has 6 replies, 4 voices, and was last updated 10 years, 10 months ago by beewright.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • December 23, 2013 at 2:27 am #80854
    webartsco
    Member

    I'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.com
    December 23, 2013 at 2:45 am #80857
    Genesis Developer
    Member

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

    Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
    You can request new tips/help.

    December 23, 2013 at 6:02 am #80863
    webartsco
    Member

    Many thanks, genwrock.

    December 23, 2013 at 7:22 am #80870
    Genesis Developer
    Member

    welcome

    Please mark it as "RESOLVED"


    Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
    You can request new tips/help.

    December 23, 2013 at 2:47 pm #80958
    webartsco
    Member

    so marked

    January 14, 2014 at 11:24 am #85165
    Alejandra
    Member

    Grate post! Following!
    I am just starting my way using WordPress and Genesis Framework, installing Balance Theme!

    August 11, 2014 at 7:25 am #118181
    beewright
    Member

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

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Balance signup form align input fields’ is closed to new replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2025 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble