Responsive submit button

  • The send message button changes its style on mobile devices. In my design for desktop is shown with flat color and square corners (which is how I like), but in other devices the button is rounded and with a light effect. How can I make the button style look the same on all screens?

Viewing 3 replies - 1 through 3 (of 3 total)

  • try to add this css code to your button
    -webkit-appearance: none;

    Thread Starter carlitosporelmundo

    (@carlitosporelmundo)

    Where I have to add the css code? I have tried in the additional settings area but doesn’t work…

    I’m not an expert person so I need more information…

    The text I can read in my form is the next. If I have to write the css code inside, can you do it?:

    <div class=”nicdark_margintop10_negative”>[email* email-484 class:nicdark_bg_greydark2 placeholder “EMAIL”][textarea* textarea-322 x2 class:nicdark_bg_greydark2 class:nicdark_border_none placeholder “MENSAJE”][submit class:nicdark_bg_green class:nicdark_btn class:small class:nicdark_height_initial “ENVIAR”]</div>

    Thank you very much!

    Hey sorry for the late reply, I didn’t get any notification to my email
    anyway, if you don’t really know that much about CSS I would say go to

    Appearance > Editor

    then make sure you’re editing the style.css file, you can see all the files on the right,
    on the left side you’ll see all the CSS code and below that a button to Update File
    so just add at the end of the code some new empty lines and I would say just paste this code:

    .wpcf7-submit { -webkit-appearance:none; }

    and let me know if you see any change

    • This reply was modified 7 years, 11 months ago by oritzio.
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Responsive submit button’ is closed to new replies.