Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi onepace,

    it’s really hard if not impossible for me to suggest CSS changes without seeing the design myself. Could you please share the URL where the form is published, so I can take a look?

    Thread Starter onepace

    (@onepace)

    Sorry about that.

    URL: http://wesleybanksauthor.com

    Thanks so much for helping me with this.

    Hi onepace,

    try adding the following code to your Custom CSS field, under Form Options:

    #optinforms-form2-title-container{width:48%;}
    #optinforms-form2-email-field-container{width:30%}

    This will make your title container a little wider, and your email field container a little narrower.

    Let me know if that’s what you were after 😉

    Thread Starter onepace

    (@onepace)

    Boris that worked well, thanks.

    Back to my original question, is there a way to make the entire form less wide, but still be responsive?

    Hey oncepace,

    add the following code to Custom CSS field as well:

    #optinforms-form2-container{width:80%}

    Play with the width percentage to get it exactly as you would like it.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘CSS to Control Input Box Size’ is closed to new replies.