Není vidět chceck-box na webu – Contact form 7

WordPress PoradnaKategorie dotazu: PluginyNení vidět chceck-box na webu – Contact form 7
Luděk Kincl zeptal se před 3 měsíci

Zdravím,
mám na webu Contact form 7 a řeším problém s check-boxy, které se mi na webu nezobrazí. Je vidět jen text, ale samotný chceck-box (i u acceptance) vidět není (v kódu stránky je).
Díky

5 Odpovědi
Tomáš Cirkl Admin odpověděl před 3 měsíci

Zdravím,
neruší ho styly v šabloně?

Luděk Kincl odpověděl před 3 měsíci

Nevím kde přesně hledat, ale našel jsem toto:

/* ======= Radio & Checkbox Elements ======= */
input[type=”checkbox”],
input[type=”radio”] {
width: 14px;
height: 14px;
top: -1000vh;
opacity: 0;
position: absolute;
display: none;
vertical-align: middle;
cursor: pointer;
+ label {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 5px 0;
cursor: pointer;
&:before {
content: ”;
position: relative;
top: -1px;
left: 0;
background-color: #fff;
display: inline-block;
vertical-align: middle;
width: 13px;
height: 13px;
margin-right: 5px;
outline: none;
border: 1px solid $form-border-color;
@include transition(background .35s ease-in);
}
&:after {
content: ”;
opacity: 0;
position: absolute;
left: 1px;
top: 1px;
font: {
family: $form-icon-font-family;
size: 16px;
}
line-height: 16px;
color: $form-icon-color;
@include transition(all .35s ease-in);
}
}
}
input[type=”checkbox”] {
+ label {
&:after {
content: ‘\2713’;
}
}
&:checked {
+ label {
&:after {
opacity: 1;
}
}
}
}
input[type=”radio”] {
+ label {
&:before {
margin-right: 8px;
width: 10px;
height: 10px;
border: 2px solid $form-border-color-alternate;
border-radius: 50%;
box-shadow: 0 0 3px rgba(0, 0, 0, .5);
}
}
&:checked {
+ label {
&:before {
background-color: $form-icon-color-alternate;
}
}
}
}

Tomáš Cirkl Admin odpověděl před 3 měsíci

Pošlete URL stránky, kde se nachází formulář.

Luděk Kincl odpověděl před 3 měsíci
Tomáš Cirkl Admin odpověděl před 3 měsíci

Do vlastních stylů přidejte:
input[type=”checkbox”], input[type=”radio”] {
top: initial;
opacity: 1;
position: initial;
}

Vaše odpověď

20 + 18 =

Tomáš Cirkl

Tomáš Cirkl

WordPress specialista

Blog WPlama.cz píši už více než 3 roky. O WordPress přednáším a pořádám školení. Pro své klienty vytvářím a spravuji webové stránky.