CSS в BootStrap 4 отказывается работать.

2 ответ(ов) в теме
yoko
4
   
На сайте с 14.11.2018
Участник
Тем 5
Сообщения 19
Для заказов:
Свободна
1
09:29

Доброго времени суток.
У меня возникла сложность с оформлением темы.
Хочу переделать форму, но у меня не получается.

Изначально форма выглядит вот так:

<form target="_blank" action="https://spondonit.us12.list-manage.com/subscribe/post?u=1462626880ade1ac87bd9c93a&id=92a4423d01" method="get" class="subscribe_form relative">
                                	<div class="input-group d-flex flex-row">
                                        <input name="EMAIL" placeholder="Enter email address" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Email Address '" required="" type="email">
                                        <button class="btn sub-btn"><span class="lnr lnr-arrow-right"></span></button>		
                                    </div>				
                                    <div class="mt-10 info"></div>
                                </form>

Через конструктор я начинаю исследовать страницу и вижу, где надо исправить данные.
т.е. класс input-group, который хранится в _footer.scss

Дело в том, что я хотела создать похожий класс , а этот не удалять.
т.е. класс назвала вот так: input-group2, скопировала данные с input-group и вставила ниже. Получилось вот так:

.input-group{
		input{
			height: 40px;
			background: #fff;
			border-radius: 0px;
			width: 80%;
			border: none;
			padding: 0px 15px;
			font-size: 14px;
			font-family: $rob;
			color: #cccccc;
			outline: none;
			box-shadow: none;
			@include placeholder{
				font-size: 14px;
				font-family: $rob;
				font-weight: normal;
				color: #cccccc;
			}
		}
		.sub-btn{
			border-radius: 0px;
			background: $baseColor;
			outline: none !important;
			box-shadow: none !important;
			padding: 0px;
			width: 42px;
			cursor: pointer;
			color: #fff;
		}
	}
.input-group2{
		input{
			height: 40px;
			background: #fff;
			border-radius: 0px;
			width: 80%;
			border: none;
			padding: 0px 15px;
			font-size: 14px;
			font-family: $rob;
			color: #cccccc;
			outline: none;
			box-shadow: none;
			@include placeholder{
				font-size: 14px;
				font-family: $rob;
				font-weight: normal;
				color: #cccccc;
			}
		}
		.sub-btn{
			border-radius: 0px;
			background: $baseColor;
			outline: none !important;
			box-shadow: none !important;
			padding: 0px;
			width: 42px;
			cursor: pointer;
			color: #fff;
		}
	}

Но класс у меня все равно не работает.
Вот эту страничку страничку пытаюсь сделать:

Вы не можете просматривать опубликованные ссылки

Подскажите пожалуйста, как правильно переделать форму =(

Редакции сообщения
23.01.2019 09:30yokoПричина: не указано
23.01.2019 09:32ИгорьПричина: не указано
0
Игорь
Домовой 
За положительный вклад в сообщество
Приз зрительских симпатий
Авторитет сообщества
За активность на форуме
За активную помощь сообществу
1 870
   
На сайте с 30.11.2016
Администратор
Тем 75
Сообщения 828
Для заказов:
Свободен

Объявление 

Создание и продвижение сайтов. Мы хотим, чтобы работа с нашей компанией приносила вам дополнительных клиентов и посетителей сайта. Мы стремимся найти индивидуальный подход, обеспечить развитие бизнеса наших клиентов и вкладываем весь свой опыт в работу. Весь спектр услуг.
Закрыть
Подарок автору
2
09:36

Приветствую, я не вижу в первом куске кода, что вы заменили на input-group2.
Добавьте удалив первый и по идеи все заработает.
Да и усложняйте все, в отдельный файл стилей все свои правки добавляйте, подключив его к сайту. Проще будет разбираться и в последствии объединить все стили, иначе будет каша.

Редакции сообщения
23.01.2019 09:53ИгорьПричина: не указано
2
SEO - весь спектр
Вы не имеете права на публикацию сообщений в этой теме
World Web Info
Все самое необходимое и интересное. Присоединяйтесь!
Авторизация
*
*
Регистрация
*
*
*
Пароль не введен
*
Генерация пароля