How to add icons to checkboxes? - Meta Box

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

Viewing 4 posts - 1 through 4 (of 4 total)

Author

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

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?

Add New Note to this Reply

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.

Add New Note to this Reply
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?

Add New Note to this Reply

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 🙂

Add New Note to this Reply
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.