Jeżeli chciałbyś zmienić wielkość pól wyboru odpowiedzi to poniższy kod ułatwi CI to.

  1. Aby zastosować kod CSS należy przejść do zakładki WYGLĄD. W tym miejscu tworzymy nową skórkę (STWÓRZ WŁASNĄ SKÓRKĘ) lub edytujemy już wcześniej zrobioną.

  2. W edycji skórki wybieramy WSTAW WŁASNY CSS.

3. Następnie wklejamy poniższy kod:

.icheckbox, .iradio {width: 15px;height: 15px;}

.iradio.checked span {
width: 9px !important;
height: 9px !important;
position: absolute !important;
top: 3px !important;
left: 3px !important;}

.icheckbox.checked span {
top:8px !important;
left:0px !important;
}

Ankieta przed zmianami wyglądała tak:

Po dodaniu kodu zmniejszyliśmy pola wyboru odpowiedzi:

WAŻNE: W kodzie możesz dodać własne wartości pikseli i decydować o wielkości przycisków wyborów. Aby to wykonać musisz podać inne wartości dla

width oraz height.

np:

.icheckbox, .iradio {width: 5px;height: 5px;}


Dodatkowo w drugiej części kodu zmieniamy pozycje zaznaczenia wyboru radio buttona odpowiedzi oraz wielkość znaczników. Wartości te możemy tak jak w powyższym przykładzie.


.iradio.checked span {
width: 9px !important;
height: 9px !important;
position: absolute !important;
top: 3px !important;
left: 3px !important;}

np:

Ostatnia część kodu odpowiada za położenie znacznika w checkboxie:


.icheckbox.checked span {
top:4px !important;
left:-2px !important;
}

np:

Czy udało Ci się znaleźć odpowiedź na swoje pytanie?