Как изменить цвет кнопки WpForms

Как заменить цвет кнопки wpforms
Берет

Стандартная кнопка в WPForms обычно имеет серо-голубой цвет, что может привести к тому, что она будет плохо различима на фоне вашего сайта. Чтобы сделать кнопку более заметной, вы можете использовать CSS стили.

Для этого, Вам нужно открыть панель управления вашей темой WordPress и найти раздел “Дополнительные стили”. Этот раздел обычно находится в настройках вашей темы. Следующим шагом добавляем в этот раздел следующий код CSS:

.wpforms-submit-button {
background-color: #333333;
color: #ffffff;
}

Этот код изменит цвет фона кнопки на темно-серый и цвет текста на белый, что сделает кнопку более выделяющейся на вашем сайте. Обратите внимание, что вам возможно придется изменить цвета в коде CSS, чтобы они соответствовали стилю вашего сайта.

Или с большим количеством настроек:

.wpforms-form input[type=submit], 
.wpforms-form button[type=submit] {
    border-radius: 10px !important;
	  color: #ffffff !important; 
    font-size: 1em !important; /* Size of text */
    padding: 10px 25px !important; /* Distance between text and border */
    background-color: #DD3333 !important; /* background */
}

После того, как вы добавили этот код в дополнительные стили вашей темы, не забудьте сохранить изменения. Теперь кнопка на вашем сайте будет выглядеть более заметно и привлекательно для посетителей.

Оцените статью
( 4 оценки, среднее 5 из 5 )
LinkWhite
Добавить комментарий