Luděk Kincl zeptal se před 5 roky
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
Luděk Kincl odpověděl před 5 roky
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 Personál odpověděl před 5 roky
Do vlastních stylů přidejte:
input[type=“checkbox“], input[type=“radio“] {
top: initial;
opacity: 1;
position: initial;
}