Okay
  Public Ticket #1135462
Contact From 7 Styling and Button Placement
Closed

Comments

  •  1
    Simon started the conversation
    April 14, 2017 at 2:35pm

    Hello. I have added a file upload to the Contact Form 7 on my site however the label overlaps the "Choose File" button.

    Is there a simple piece of CSS that would allow:

    1: The label to align vertically with the one to the left.
    2: Would place the "Choose File" button nicely between the label and the underline? (when I place the button on its own it is uncomfortably close to the underline)

    I have attached screen grab of the issue plus current layout code.

    Thank you

    Simon

  •  9,006
    Tahir replied
    April 15, 2017 at 12:36pm

    Hey Again,

    Adjust the values as per your liking.

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    label[for="cv"] span.text {
    top: 0% !important;
}
span.wpcf7-form-control-wrap.cv {
    padding-bottom: 22px !important;
}

    Thanks

    ThemeNectar Support Team 

  •  1
    Simon replied
    April 17, 2017 at 9:33pm

    Hi Tahir

    Brilliant - thanks for this - it works just fine.

    You can close this ticket now.

    Best

    Simon