Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 11, 2015 at 9:37 pm #534386
    darrencknight

    All the forms on my site are formatting to fill the entire width of the page. I’m not sure if this is an issue specific to Woocommerce or an issue with Enfold. What is the best way to fix this? For example, the My Account login page for woocommerce the username and password fields are not nice and compact, but the fields go across the entire width of the page.

    November 12, 2015 at 12:37 pm #534683
    Rikard

    Hey darrencknight,

    How would you like the to look instead? A mockup or screenshot highlighting of what you are looking to achieve would help.

    Best regards,
    Rikard

    November 12, 2015 at 7:26 pm #535045
    darrencknight

    Here is how I would like it to look. Nice and tight centered on the page. Max width of 400px seems to be good.

    November 15, 2015 at 5:14 am #536016
    Ismael

    Hey!

    Place the contact form element inside a column layout in order to constrain the width of the form. Or try this in the Quick CSS field:

    #top div form .form-row input.input-text, #top div #content .form-row input.input-text, #top div form .form-row textarea, #top div #content .form-row textarea {
    width: 50%;
}

    It will decrease the width of the input fields.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.