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

  • Profile Image
    nelsonaponte
    Asked on September 05, 2016 at 09: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?

  • Profile Image
    Jan
    Answered on September 05, 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.