Executive Pro – Form Fields Too Wide

Community Forums Forums General Discussion Executive Pro – Form Fields Too Wide

This topic is: resolved

This topic contains 3 replies, has 2 voices, and was last updated by  Nick Liberati 5 months, 2 weeks ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #97701

    Nick Liberati
    Member
    Post count: 2

    Hi All -

    I have some form fields in this theme that are displaying as full-width. For instance, the ‘first name’ field would only need to allow for about 15-20 characters, but the width of the input field is full-width, which looks kind of silly.

    Same for a social sharing plug-in. I need it to only be about 1/4 the width of the page, but it is full-width.

    Any idea how I can control the width of such things? (My css and function capabilities are remedial, at best).

    You can see an example in the URL below.

    Thanks in advance.

    Nick

    http://coaching.mindthebottomline.com/test/
    #97734

    Anita
    Blocked
    Post count: 7712

    Well you would need to do that on each of the different ones you have, but if you don’t want them full width, you can limit the size all together like this:

    .post-962, .post-962 input, select, textarea  {
    width: 65%;
    }

    That page/post is identified in the code as .post-962. So you can limit how far over the fields stretch with one percentage and leave it as that. If you create another page like this, you would replace the number with that post or page id.


    Web: http://cre8tivediva.com / Twitter: @thecre8tivediva

    #97735

    Anita
    Blocked
    Post count: 7712

    Add that code to the bottom of your style sheet and you will see the change.


    Web: http://cre8tivediva.com / Twitter: @thecre8tivediva

    #97757

    Nick Liberati
    Member
    Post count: 2

    Anitac – thank you for considering the above and taking the time to respond.

    I have followed your instructions. It limits the width of everything in the main section of the page. I only want to limit the width on that social share bar and the width of the input fields in the form. Any ideas on how to do it only for these sections?

    Nick

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.