SMS Confirmation Widget: How can I change the Look & Feel?

  • nelsonaponte
    Asked on September 5, 2016 at 9:35 AM

    I added the SMS Confirmation widget to a test form and although the functionality is ok, I can't change the look & feel of the widget. I've tried adding the CSS code to the widget's own Custom CSS area, as well as to the form's general CSS.

    I've tried with class names such as "intl-tel-input pretty inside", "phone", "#input_52", but nothing seems to work.

    Here's an example of the confirm button:

    .send_btn {

        background-color: #4CAF50; /* Green */

        border: none;

        color: white;

        padding: 15px 32px;

        text-align: center;

        text-decoration: none;

        display: inline-block;

        font-size: 16px;

    }

     

    I want to change the design of the button and the phone (text) box. How can I do it?

  • Jan
    Replied on September 5, 2016 at 10:48 AM

    The send_btn is not a class, it is an id. Please use #send_btn so that your CSS will work properly.

    If you need any help in the CSS, let us know. Thank you.