How to specify form length with css?

  • cuberuler

    (@cuberuler)


    2 years, 2 months ago

    Hello,

    Thank you very much to the community for helping me and being of assistance. I really appreciate everyone who takes the time to help.

    I have an email sign-up form on the home page of my website. There is the option in WordPress to edit the form with CSS, however when I post in CSS to limit the form’s width, it limits the other forms on the page but not the email sign-up form.

    The plugin is Optin Forms. All I want to do is to be able to set the pixels of the email signup form. Thank you very much for anyone willing to help!

    Sincerely,

    Cuberuler

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator bcworkz

    (@bcworkz)

    2 years, 2 months ago

    You already have specific inline CSS managing the form’s width. I recommend editing it instead of trying to override it. It’s at line 381 of the page’s HTML source code. It’s this CSS:

    #fca_eoi_form_7829 .fca_eoi_layout_15.fca_eoi_layout_postbox {
    width: 580px;
}

    Change the 580px to any dimension you like (within reason). You might consider instead specifying a percentage width so it behaves more responsively.

    You may ask “where do I actually edit this?”. I don’t know, it appears to be something involving Elementor. If you cannot determine how to edit this I recommend asking through Elementor’s dedicated support forum where it’s devs and expert users there are in a better position to advise.

    Thread Starter cuberuler

    (@cuberuler)

    2 years, 2 months ago

    Wow, that resolved it. All I did was paste the CSS you found in the custom CSS box of the plugin, with the width 100%, and it fixed it. Thank you so much, and now I know how to find the right CSS more accurately 🙂

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

The topic ‘How to specify form length with css?’ is closed to new replies.