This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Buttons

Resolved 2 replies questionthemetheme-vantage
nigeloddy
10 years ago · Last reply by Lucas Tolle 10 years ago

Hello SiteOrigin

How do i remove the gradient and rounded corners from the button on the contact page http://5f8d1ceb.c69.servage.net/contact/ it appears on iPad iOS but not on Mac browser.

Regards

Nigel

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

2
  1. Lucas Tolle 10 years, 1 month ago

    There is a code blocking the change. Understand that when adding !important, it is impossible to add the same item in other sectors.

    Please look for the following tag:

    .wpcf7-submit {
  / * Here contains other items * /
    -moz-border-radius: 0!important;
    -webkit-border-radius: 0!important;
    border-radius: 0px!important;
    }

    And delete the word! Important. Remember to leave the “;”

    If you can not find it, try adding the following code in the CSS plugin:

    input.wpcf7-form-control.wpcf7-submit {
    -moz-border-radius: 4!important;
    -webkit-border-radius: 4!important;
    border-radius: 4px!important;
    }

    To change the rounded button, just change the number of pixel.

    Let me know if succeeded.

    Lucas Tolle

  2. Lucas Tolle 10 years, 1 month ago

    Correcting the last code:
    Add this:

    input.wpcf7-form-control.wpcf7-submit {
    -moz-border-radius: 4px!important;
    -webkit-border-radius: 4px!important;
    border-radius: 4px!important;
    }

    Let me know if succeeded.

    Lucas Tolle

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread