Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 1, 2017 at 3:05 pm #753750
    Designweb

    Hello,

    i want to change border bottom color on focus at contact form. I have change the color placeholder on focus, but i want to change same time and the border bottom input field.

    March 3, 2017 at 6:10 am #754827
    Rikard

    Hey Designweb,

    Please try the following in Quick CSS under Enfold->General Styling:

    input[type='text']:active {
    border-bottom: 1px solid yellow !important;
}

    Best regards,
    Rikard

    March 3, 2017 at 10:50 am #754954
    Designweb

    That doesn’t work. Anything else?

    March 7, 2017 at 12:01 pm #756911
    Designweb

    Hello,

    Do you have any idea?

    March 7, 2017 at 11:08 pm #757333
    Nikko

    Hi,

    Try using this css code:

    #top #wrap_all input[type="text"]:focus, 
#top #wrap_all input[type="email"]:focus {
    border-bottom: 2px solid yellow !important;
}

    Just adjust the color and thickness. HOpe this helps.

    Best regards,
    Nikko

    March 8, 2017 at 10:49 am #757674
    Designweb

    No. That doesn’t work.

    March 8, 2017 at 10:52 am #757679
    Designweb

    Finally, i found the solution.

    I used that code

    #top .avia_ajax_form .text_input, #top .avia_ajax_form .select, #top .avia_ajax_form .text_area:focus {
    border-bottom: 2px solid yellow !important;
    }
    #top .main_color input[type=’text’]:focus {
    border-bottom: 2px solid yellow !important;
    }

    but, thank you for your help.

    March 9, 2017 at 9:16 am #758250
    Rikard

    Hi,

    Great, glad you found a solution and thanks for sharing, much appreciated. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    March 9, 2017 at 2:56 pm #758379
    Designweb

    Hello,

    You can close it.

    Thank you

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Input fields form change border bottom color on focus’ is closed to new replies.