Having text box side by side

  • Resolved namazee

    (@namazee)


    6 years, 3 months ago

    hi, i want to create 4 text box in this manner:

    first: Name textbox
    Second: Phone Third: Email
    Fourth: Message
    Button

    how can i do it so that second and third text box can stay side by side without exceeding the width of first and fourth text box.

    And i would like to aligned the button to be on the right.

    Please guide/help

    The page I need help with: [log in to see the link]

Viewing 4 replies - 16 through 19 (of 19 total)
  • Thread Starter namazee

    (@namazee)

    i’ve tried using the aligned and background code you suggested, it works well in the preview but not on my actual site

    Thread Starter namazee

    (@namazee)

    Allright,
    thanks for the response,
    sorry for the trouble

    Thread Starter namazee

    (@namazee)

    Hi,
    Implemented the code:
    #fbuilder input[type=”button”]{width:100px !important;}
    #fbuilder .my-button{text-align: right;}
    #fbuilder .my-button input{ background:#0B60A9; border:0;}

    works on previewer, but not on main site??

    It’s ok if you choose not to assist.
    Thank you

    Plugin Author codepeople

    (@codepeople)

    Hello @namazee,

    In the form’s preview, only the styles in the plugin are applied to the form’s fields, but in the public website, the styles defined in the theme active affect too to the form’s fields.

    So, I recommend you to define the CSS rules with the !important; modifier:

    
#fbuilder .my-button{text-align: right !important;}
#fbuilder .my-button input{ background:#0B60A9 !important; color: white !important; border:0 !important; width: auto !important;}

    Best regards.

Viewing 4 replies - 16 through 19 (of 19 total)
  • The topic ‘Having text box side by side’ is closed to new replies.