Navigation
Archive / Contact Form 7 Button Font
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • December 1, 2016 at 2:34 pm #1277863
    kirkyoae1
    Participant

    Hi,

    I want to use my h6 as the font style for my Contact Form. I was able to get the field labels to do this by using <h6> Your Name*</h6> in the Contact Form plugin. I can’t for the life of me get my “Send” button to change though, right now it’s just a bolder version of my <p> font from what I can tell. I even tried adding some custom CSS with no luck. Any help would be appreciated!

    http://www.kacreative.com/contact

    December 1, 2016 at 2:43 pm #1277879
    Nabeel A
    Moderator

    Hi there,

    Thanks for writing in! Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

    input.wpcf7-form-control.wpcf7-submit {
    font-family: "futura-pt",sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.135em !important;
    font-size: 16px !important;
}

    Let us know how this goes!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1277863 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>