Home / Admin / Adding Images to Checkboxes
Duplicate Snippet

Embed Snippet on Your Site

Adding Images to Checkboxes

This CSS snippet will add a background image to the labels of the Checkbox fields.

<10
Code Preview
css
ul#wpforms-1000-field_25 li.choice-1 label:before {
    content: "";
    display: inline-block;
    background-image: url(http://yoursite.com/wp-content/uploads/2019/10/your-image-filename.png);
    background-size: 100%;
    height: 45px;
    width: 30px;
    background-repeat: no-repeat;
    position: relative;
    right: 5px;
    top: 20px;
}

Comments

Add a Comment