Replies: 0
Hallo first thx for the nice plugin,
i am trying to style the Checkbox of store category in searchform
if i put CSS all is working but ::checked tag i not working in form like after before css tags
`* { box-sizing: border-box; }
.wpsl-checkbox-3-columns input[type=checkbox] { display: none; }
.wpsl-checkbox-3-columns label {
position: relative;
margin: 4px; padding: 0px 0px 0px 8px;
display: inline-block; cursor: pointer;
border: 1px solid #ccc; border-radius: 5px;
font-family: helvetica, sans-serif;
}
.wpsl-checkbox-3-columns label::after {
content: ‘\2713’;
padding: 8px; margin-left: 8px;
display: inline-block;
border: 1px solid transparent;
border-left: 1px dashed #ccc;
}
.wpsl-checkbox-3-columns input[type=checkbox]:checked + .wpsl-checkbox-3-columns label {
border: 1px solid #4575ab;
color: #4575ab;
}
.wpsl-checkbox-3-columns input[type=checkbox]:checked + .wpsl-checkbox-3-columns label::after {
border: 1px solid #fff;
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
background-color: #4575ab;
color: #fff;
}`
- This topic was modified 5 minutes ago by EWSEL.