@Olfa2006

Добрый день всем!
Сразу скажу я строю сайт с нюля первый раз :
Установила контактную форму contact form 7 в sidebar с помощь виджета text. Все нормально было. Но так как эта форма на вид не очень, установила contact form 7 style чтобы поменять внешний вид и вот с ним форма съехала вниз. Отключаю style - все садится на место. Пробовала менять силь через style.css - так же съезжает. Даже меняла темы водпресса - не помогает.
Что я делаю не так? margin 0px стоит. Тема twentysixteen (если это важно) сайт вот www.perthbuslines.com.au
подскажите пожалуйста!

0

@Sergey Yermak

Добрый день, если я правильно понял, то сейчас съезжает сам тег "form" - стоит margin-top:50px;
Так же остальной отступ сверху можно убрать задав padding: 0; виджет-блоку с id="text-4"
А так вам надо css изучить получше, и не нужны будут плагины типа "contact form 7 style"

1

@Olfa2006

ой ой...а можно по подробней чутьчуть? то вы где увидели 50 px?
Спасибо огромное за ответ!!!! так прям коротоко и по полочкам! еще бы понять где то все искать..

Добавлено через 7 минут
Сергей, а скажите пожалуйста, если менять что то в самом коде и в css, потом при обнавлении темы все сделанные изменения остануться или все по новой потом менять? как соранить изменения на всегда?

Добавлено через 7 минут
нашла. 50 px исправила, забыла поменять, это я пробовала разные варианты а назад забыла поменять...но это ничего не меняет. поставила снова 0, форма так и сидит криво
и ведь в css код вставляла без плагина style точно также сидит криво....в чем прикол не понимаю....

Добавлено через 17 секунд
нашла. 50 px исправила, забыла поменять, это я пробовала разные варианты а назад забыла поменять...но это ничего не меняет. поставила снова 0, форма так и сидит криво
и ведь в css код вставляла без плагина style точно также сидит криво....в чем прикол не понимаю....

Добавлено через 13 минут
Простите, столько вопросов у меня сразу на ваш коротенький ответ... в каком файле искать виджет блок с id text-4? в сайдбар нет, в css нет...сорри я чайник, да

0

@Sergey Yermak

Можно просто добавить в стили темы (style.css) такое, чтоб убрать оставшийся отступ:
или конкретно для этого виджета:
А чтоб изменения остались при обновлении темы, создается дочерняя тема (это по сути создание папки и пары файликов в папке с темами), и изменения делаются в ней.

1

@Olfa2006

Спасибо большое!!! Сделала по первой схеме - помогло, но немного, сдвинулась форма чуть вверх - уже лучше!
а по второй схеме..в какой файл нужно идти чтобы исправить конкретно для самого виджета? на будущее. в стиле темы не надодит text-4.widget....

0

@Sergey Yermak

По второй точно также, только пишется чуть по другому - вначале просто добавляется id (text-4) для уточнения, что не ко всем виджетам применять:

1

@Olfa2006

Спасибо большое за советы! СОздала доернюю тему, и там в style.css помле import прям так и вставила код

#text-4.widget{
padding-top:0;
}

....вот уже не знаю правильно или нет.... вроде все также и осталось на сайте

0

@Sergey Yermak

Olfa2006, Вижу форма уже прижата к самому верху, выше уже не очень будет, можно напоследок верхнюю границу убрать изменив предыдущий код так:

1

@Olfa2006

О! полоска черная исчезла после добавления новой строчки в код! я б еще подтянула ввер на уровень с заголовком справа..но видимо больше уже и правда некуда. Но все равно намного лучше стало! Спасибо вам огроменское просто!!!

0