Popular WP Themes - относно допълнителния css за контактната форма
Здравейте,
При мен добавянето на css кода за контактната форма не оказва никакво въздействие. Моля подскажете каква може да е причината!
Във форума е въведено ограничение, което позволява на потребителите единствено да разглеждат публикуваните въпроси.
Best Answer
Здравей,
Responsive кода си работи отлично ако си го поставил правилно на правилното место. За да видиш дали работи трябва да свиеш страницата. Функцията responsive се сътои в това да свие формата когато ширината на екрана стане по малка от зададената ширина на формата. Ако кода го няма при свиване на екрана се получава скролер, в противен случай формата се свива и всичко е наред.
Натисни F12 и свий екрана:
1. Това е без код. Вижда се че при 366px се появява скролер заради формата защото не е responsive .
2. Това е с код. Скролера се появява при свиване на екрана под 317px но не заради формата, а заради друг елемент. Формата се е свила т.е. e responsive.
Ако при свит екран не ти работи Responsive провери да не си забравил някоя скоба отворена, или да не си го закоментарил или да не си пропуснал някоя точка или.....
Здравей,
много трудно да се каже от къде идва точно проблема без да се види точно за кое говориш. Истината е, че дори ако се види, може пак да не се разбере :D просто има толкова много автоматично генериран CSS и става мусака (както казва Наков).
Причините да не ти отразява промените са няколко (поне доколкото се сещам):
Хубаво виж дали хващаш правилния клас или id. Но това също си е доста tricky. Ще ти покажа как да се ориентираш със примерни скийншоти от youtube.
Ако дадеш десен бутон на формата или полето, което те интересува и искаш да промениш, и после натиснеш Inspect
Ето на този пример може да видиш как съм дал Inspect примерно на search-a v youtube, който пак си е вид форма и искам него да променя. Да речем да го направя по-голям.
Снимка: http://imgur.com/a/O1leS
След като съм видял, че това искам да оразмеря оставя да го променя.
Снимка 2: http://imgur.com/a/zRcOX
Уж съм променил нещата, но си стой все така малко, колкото и да увеличавам пикселите. Това става, защото се намира в друга кутия. С една дума наследява CSS отгоре и нашия се пренаписва и нищо не се променя. Над този input box има още сумати и неща, които са ограничени като големина. С една дума за да го променим наистина, кой стои най-отгоре и пречи на нашия CSS да е в сила.
Снимка3: http://imgur.com/a/RlPqF
Като променим нещата там и полето си става по-голямо. Дано съм помогнал :)
Поздрави,
Георги
Благодаря за изчерпателния отговор. Много полезна информация!