Customise Submit button

  • Resolved pesky

    (@pesky)


    8 years, 10 months ago

    Hi

    I’m trying to customise the Submit button with the bit of CSS, but having problems getting it to recognise anything that I’m trying to do. So would really appreciate some help.

    I would like to remove the overlaid gradient – so that it is just a flat coloured button.

    And I would also like to use the same font family as the rest of my website for the “Send” text.

    Many thanks in advance

    https://www.ads-software.com/plugins/contact-form-7/

Viewing 1 replies (of 1 total)
  • Thread Starter pesky

    (@pesky)

    No worries, I worked it out in the end!

    For anyone else looking to solve this, this is the CSS I used –

    div.wpcf7 input[type=”submit”], input[type=”button”], input[type=”reset”] {
    width: 80px;
    background: #EC3E73;
    background: linear-gradient none;
    border: 2px solid #EC3E73;
    color: #fff;
    font-size: 15px;
    font-family: ‘Maven Pro’, sans-serif;
    }

Viewing 1 replies (of 1 total)
  • The topic ‘Customise Submit button’ is closed to new replies.