Home>Support>Buttons

Buttons

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. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 6 years, 10 months ago Lucas Tolle

    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. 6 years, 10 months ago Lucas Tolle

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More