Прилагоди свој образац користећи прилагођени CSS

24. октобар 2023.

Новост

Креирај фантастичне обрасце користећи Дизајнер образаца видео курс који ти дозвољава да дизајнираш обрасце без CSS знања!

Прво мораш да знаш како да додаш прилагођени CSS на твој образац како би могао да га прилагодиш користећи CSS који је понуђен испод.

Подеси позадинску слику стране

Прилагоди свој образац користећи прилагођени CSS Image-1
.supernova {
background-image: url('{image_url}');
background-repeat: no-repeat;
background-position: center top;
background-attachment: fixed;
background-size: cover;
}
body {
background: none;
}

Замени {image_url} са URL-ом слике коју желиш да користиш.

Учини позадину стране прозирном

Прилагоди свој образац користећи прилагођени CSS Image-2
.supernova, body {
background: none;
}

Учини позадину обрасца прозирном

Прилагоди свој образац користећи прилагођени CSS Image-3
.form-all {
background: none !important;
box-shadow: none;
}

Уклони празан простор изнад обрасца

Прилагоди свој образац користећи прилагођени CSS Image-4
body, .form-all {
margin-top: 0;
}

Промени позадинску боју наслова

Прилагоди свој образац користећи прилагођени CSS Image-5
.form-header-group, [data-type="control_head"] {
background-color: #c9daf8;
}

Промени боју поднаслова

Прилагоди свој образац користећи прилагођени CSS Image-6
.form-subHeader {
color: #00b000 !important;
}

Промени боју свих помоћних текстова

Прилагоди свој образац користећи прилагођени CSS Image-7
.form-sub-label {
color: #ffb21d;
}

Промени позадинску боју активних поља

Прилагоди свој образац користећи прилагођени CSS Image-8
.form-line-active {
background: #ccffcc;
}

Промени боју звездице која означава обавезна поља

Прилагоди свој образац користећи прилагођени CSS Image-9
.form-required {
color: cyan !important;
}

Поравнај образац лево

Прилагоди свој образац користећи прилагођени CSS Image-10
.form-all {
margin: 0;
}

Уколико не можеш да пронађеш потребан CSS код који ти је потребан или, уколико ти је потребна помоћ да прилагодиш образац, остави нам коментар испод.

Контактирај подршку:

Наш тим подршке је доступан 24/7 и просечно време одговора је до 2 сата.
Можеш контактирати наш тим путем:

Форум подршке: https://www.jotform.com/answers/

Контактирај Jotform подршку: https://www.jotform.com/contact/

Пошаљи коментар:

Jotform Avatar
Овај сајт је заштићен reCAPTCHA-ом, а важе и Google правила о приватности и услови коришћења.

Podo Comment Буди први који ће прокоментарисати