Как добавить код в CSS? Есть решение

Поясните подробно куда вставлять код, чтобы оптимизировать окно обратной связи под мобильную версию сайта? Заранее уточню, что капчу я убрал по пунктам с этой ссылки: (https://support.webasyst.ru/4720/add-feedback-form...). Код прилагаю к вопросу. Заранее спасибо.

 /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
.wa-form {
    display: block;
    width: 100%;
} 
.wa-form .wa-field .wa-name {
    width: 100% !important;
}
.wa-form .wa-field .wa-value {
margin:0 !important;
}
.wa-form .wa-field .wa-value input[type="text"], .wa-form .wa-field .wa-value input[type="email"], .wa-form .wa-field .wa-value input[type="password"] {
    width: 100%;
}     
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
.wa-form {
    display: block;
    width: 100%;
} 
.wa-form .wa-field .wa-name {
    width: 100% !important;
}
.wa-form .wa-field .wa-value {
margin:0 !important;
}
.wa-form .wa-field .wa-value input[type="text"], .wa-form .wa-field .wa-value input[type="email"], .wa-form .wa-field .wa-value input[type="password"] {
    width: 100%;
}     
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
.wa-form {
    display: block;
    width: 100%;
} 
.wa-form .wa-field .wa-name {
    width: 100% !important;
}
.wa-form .wa-field .wa-value {
margin:0 !important;
}
.wa-form .wa-field .wa-value input[type="text"], .wa-form .wa-field .wa-value input[type="email"], .wa-form .wa-field .wa-value input[type="password"] {
    width: 100%;
}     
    }

8 ответов

Добавить ответ

Чтобы добавить комментарий, зарегистрируйтесь или войдите