Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #696946

    Hi

    I am using Contact form 7 and would like to remove the border on the input box and replace with a single line underneath. Is this possible?

    Many thanks.

    #696958

    Hey philoakley,

    Yes it is possible :)
    Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Vinay

    #697110

    Thanks Vinay, link below:

    #697133

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #top .main_color .wpcf7 input, #top .main_color .wpcf7 textarea   {
        border-left:none;
        border-right:none;
        border-top:none;
        border-bottom:solid green 3px;
    }
    

    Best regards,
    Vinay

    #697157

    No luck, still have that problem.

    #697159

    Hi,


    @James
    Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Vinay

    #697219

    Thanks Vinay, worked perfectly for me.

    #697604

    Hey!

    Great! Glad we could help. :)

    @JamesElsert: Please create a new thread with the url to the page plus login credentials.

    Regards,
    Ismael

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Remove border on input boxes’ is closed to new replies.