How to change width of field

  • Resolved Knud K.Petersen

    (@knudkp)


    2 years ago

    Hi

    How do I change the width of the field where the e-mail is entered?

    (I have two forms on the same page, the one Im talking about is the “single line form where only en email addy is entered, in the lower part of the page)

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Amrit Kumar Shrestha

    (@shresthauzwal)

    Hi @knudkp,

    If you want to make your email field width short like the above form, then you will need to use the column feature to minimize the width.

    You can also customize the width using Custom CSS. Please go to your Dashboard >> Appearance >> Customize >> Additional CSS >> add the following CSS code.

    input#evf-13167-field_RmbGco2PnO-1 {
    width: 45%;
}

    Regards!

    Thread Starter Knud K.Petersen

    (@knudkp)

    Hi @amrit – thanks for yor reply … it isn’t really working … I have two css sniplets doing stuff here:

    `/* Presse-meddl form */ – making a solid border around, because as standard there werre’nt any border on the form
    .everest-forms input[type=email]{ border: 1px solid #8e98a2;}

    /* Presse-medd form width */ – your neewly added css … it has no effect
    .input#evf-13167-field_RmbGco2PnO-1 {
    width: 45%;
    }

    –

    furthermore, when activating the field … it looks like the field turns into a ‘one line with no borders at all?’

    thanks
    Knud

    Plugin Support Amrit Kumar Shrestha

    (@shresthauzwal)

    Hi @knudkp,

    Your Custom CSS does not overriding design conflict so please try the following CSS code to fix your border issue.

    .everest-forms input[type=email] {
    border: 1px solid #8e98a2 !important;
}

    Regards!

    Plugin Support Amrit Kumar Shrestha

    (@shresthauzwal)

    Since we did not get a response from your end, we are marking this thread as resolved as we believe the things mentioned here are now resolved. Please create a new support thread if needed.

    Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to change width of field’ is closed to new replies.

Tags