How to add icons to checkboxes? - Meta Box

This topic contains 3 replies, has 2 voices, and was last updated by Anh Tran 2 years, 11 months ago.

Creator

Topic
October 21, 2016 at 2:46 AM #4349

Resolved
Lufrutta
Participant

I made a long checkbox_list with the Meta Box Builder plugin. Is there a possibility to add a different icon in front of each checkbox or instead of the label of the cb?
Creator

Topic

Viewing 3 replies - 1 through 3 (of 3 total)

Author

Replies
October 21, 2016 at 2:29 PM #4350
Anh Tran
Keymaster
Hi,

I think the only way to do that is using custom CSS, something like this:
```
input[type="checkbox"][value="xxx"] {
    background: url(image.jpg);
}
```
By default, the plugin outputs the checkbox only and CSS is the only way I think can resolve this.

Edit: Sorry, I was thinking about normal checkbox fields built without the Builder. I think the Builder don’t have such feature.
October 23, 2016 at 7:24 PM #4358

Lufrutta
Participant

CSS does not work. The code seems to be OK but will not be rendered in the backend. So I set it within the label field of the Buider and it worked. Not really professional, isn’t it?

October 24, 2016 at 2:46 PM #4362

Anh Tran
Keymaster

That also works :). Remember to strip_tags on the frontend when you retrieve the meta value 🙂
Author

Replies

Viewing 3 replies - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.