Стили (CSS) сайта конфликтуют

[lana48]

Приветствую присутствующих! Подскажите, пожалуйста. Я создала форму подписки в рассыльщике (1). Взяла код и вставила на страницу на сайте. При этом, текст кнопки съехал в сторону (2). Обратилась в поддержку. Сказали, что это стили (CSS) сайта конфликтуют. Как же нейтрализовать конфликт? Пробовала вставлять тег <center>. Не помогает. Что-то здесь глубокое. Прошу подсказать понятным языком. Я совсем почти новичок. html только начала изучать. Сайт на Wordpress.

[Naive]

Проинспектируй кнопку как отдельный элемент и смотри там что не влазит. По скриншотам тут трудно гадать.
a3M3bXe_700b.jpg

[lana48]

А что значит проинспектируй? На что нужно обратить внимание?
Код полностью готовый. Сказали, что шрифты разные. Попробую сделать новую форму.
А то я уже залезла в CSS. Это, случайно, не к селекторам относится?

[Alex11223]

[AlexZaw]

offtop on: меня всегда поражали люди которые только только начали что то изучать, но уже пытаются сделать шедевр, при этом не зная основ.
offtop off: пройдите какие-нибудь бесплатные курсы по основам html, css, узнайте что такое инструменты разработчика в браузере, а потом уже верстайте сайты, иначе такие проблемы будут возникать на каждом шагу.

PS: кружка прикольная, я б такую купил

[lana48]

Дело в том, что я и начала изучать только из-за того, что постоянно спотыкаюсь об код. Куда ни ткнись - везде код. Просто мне нужно сделать лендинг на своём сайте. Вернее уже сделала. Вся загвоздка в этой кнопке. Поэтому нужно решить сейчас.
Когда меня спрашивают, в чём я разбираюсь, я всегда подсказываю.
Я вообще все программы так изучала - по кусочкам. У каждого свой путь и возможности. Я и обратилась сюда, потому что, всё-таки форум программистов - люди знающие. Не судите.

F12 выходит код. Что там я должна увидеть? Может, через блокнот что-то нужно дописать?

[Alex11223]

Сообщение от lana48

F12 выходит код. Что там я должна увидеть?

Это утилита для упрощения отладки.
Посмотреть какие правила CSS применены к какому-то элементу (выбирается кнопкой сверху или в коде), убрать/добавить CSS и сразу увидеть результат и т.п.

[AlexZaw]

Дайте ссылочку на сайт, так будет проще найти проблему чем объяснять где и что посмотреть, а уж потом, если вам это будет интересно и нужно, объяснять и показывать на пальцах что это такое и зачем это нужно.

[lana48]

http://traf.svetlav.ru/?page_id=2

[AlexZaw]

<input style="cursor: pointer;background-image: linear-gradient(rgb(242, 78, 102), rgb(201, 38, 44));color: rgb(255, 255, 255);text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px;background-color: rgb(0, 109, 204);border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);border-radius: 3px;line-height: 20px;font-family: Arial, Helvetica, sans-serif;font-size: 18px;font-weight: normal;font-style: normal;text-decoration: none;height: 48px;width: 200px;" type="submit" value="Получить сейчас!">

у вас задана жесткая ширина кнопки, и текст просто не помещается, уберите width:200px

PS: Это WP стили инлайн прописывает, или это ручками дописано?
PPS: плюньте в лицо тем кто сказал про шрифты и про конфликт стилей