28 Amazing Navigation Hover Effects

Continue Reading
Mon. - Fri. 9 am - 5 pm Ask a Question
Remember me

Оформление формы как на примере

1 month 1 week ago #1

  • Alexandr's Avatar
  • Alexandr
  • Posts: 135
Добрый день !
Подскажите пожалуйста как добавить оформление для формы как на сайте примере : jarvis.ancorathemes.com/ (внизу страницы форма)
А именно:
1)нижняя граница для полей
2)placeholder в полях типа "Дата" "Select" (Время)

Сайт, на котором нужно применить такое оформление :
Part of the message is hidden for the guests. Please log in or register to see it.

1 month 1 week ago #2

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 7638
Здравствуйте,

1. Вам нужно добавить CSS код :
#item-15679300350 .ba-form input[type="number"], 
#item-15679300350 .ba-form input[type="email"], 
#item-15679300350 .ba-form input[type="text"], 
#item-15679300350 .ba-form select, 
#item-15679300350 .ba-form select[size], 
#item-15679300350 .ba-form textarea {
	background: transparent !important;
	border-color: transparent!important;
	border-bottom-color: #33414c!important;
	transition: .3s;
}

#item-15679300350 .ba-form input[type="number"]:focus, 
#item-15679300350 .ba-form input[type="email"]:focus, 
#item-15679300350 .ba-form input[type="text"]:focus, 
#item-15679300350 .ba-form select:focus, 
#item-15679300350 .ba-form select[size]:focus, 
#item-15679300350 .ba-form textarea:focus {
	border-bottom-color: #00deff!important;
}

2. placeholder можно добавить только для input (для select нельзя) для этого вам нужно использовать этот JS код.
jQuery(document).on('ready', function(){
	jQuery("#item-15679300350 .ba-form .ba-date input").attr("placeholder", "Дата");
});


С Уважением,
Вячеслав, Balbooa.com

1 month 1 week ago #3

  • Alexandr's Avatar
  • Alexandr
  • Posts: 135
Спасибо ! Все получилось.

1 month 1 week ago #4

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 7638
Пожалуйста ;)
Powered by Kunena Forum