How to change width of field

  • Resolved Knud K.Petersen

    (@knudkp)


    2 years, 5 months 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)

    2 years, 5 months ago

    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)

    2 years, 5 months ago

    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)

    2 years, 5 months ago

    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)

    2 years, 5 months ago

    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