Okay
  Public Ticket #264579
Contact Form 7 Upload not in style
Closed

Comments

  • Buildarchviz started the conversation
    August 14, 2014 at 2:27pm

    Hi.

    I would like to stress your wonderful support service once more.

    I use the option in contact form 7 that clients can upload data and send them to me through the contact field on my website.

    unfortunately the upload button and the corresponding text are not part of the overall style of the website.

    Do you have a css code for me or do i need to contact contact form 7?

    Thank you for your wonderful support.

    Tim

  •  8,839
    Tahir replied
    August 15, 2014 at 2:14pm

    Hey Tim!

    How exactly would you like to style it ?. 

    Thanks

    ThemeNectar Support Team 

  • Buildarchviz replied
    August 15, 2014 at 5:59pm

    Hey Tahir,

    I want the font to be the same as my standard font (Exo-2) and size (body) and the "upload" button to be white with dark text (size body) and a thin grey frame so it matches with the corresponding fields. On mouseover the "upload" button should have the 1st accent color.

    Possible?

    Thank you.

    Tim

  •  8,839
    Tahir replied
    August 16, 2014 at 12:50pm

    Hey Tim!

    I am afraid not since the input field is inheriting the browser styles and i cant seem to override theme with custom css. 

    Thanks

    ThemeNectar Support Team 

  • Buildarchviz replied
    August 17, 2014 at 9:46pm

    Can you adjust the font type beside the button? That would help.

    Thank you.

  •  8,839
    Tahir replied
    August 18, 2014 at 3:36pm

    Yes,

    Add this into the Custom CSS box located in your Salient Options panel :
    input.wpcf7-form-control.wpcf7-file {
    font-family: "Exo 2";
    letter-spacing: 3px;
    font-size: 14px;
    font-weight: normal;
    text-align: right !important;
}
    Cheers

    ThemeNectar Support Team 

  • Buildarchviz replied
    August 18, 2014 at 3:45pm

    Okay. Already looks much better now!

    THX!