Home / Admin / How to Add Custom Code Snippets in WordPress
Duplicate Snippet

Embed Snippet on Your Site

How to Add Custom Code Snippets in WordPress

For this guide, we’ll create a custom code that prevents theme conflicts that cause Radio and Checkbox values not to be displayed correctly in WPForms.

100+
Code Preview
css
/* 
Modify the login URL to redirect to a custom login page.
Original doc link: https://wpforms.com/how-to-add-custom-code-snippets-in-wordpress/
For support, please visit: https://www.facebook.com/groups/wpformsvip
*/
.wpforms-container input[type=radio] {
    -webkit-appearance: radio !important;
    -moz-appearance: radio !important;
    appearance: radio !important;
}
 
.wpforms-container input[type=checkbox] {
    -webkit-appearance: checkbox !important;
    -moz-appearance: checkbox !important;
    appearance: checkbox !important;
}
 
.wpforms-container input[type=radio]:checked:before,
.wpforms-container input[type=radio]:before,
.wpforms-container input[type=checkbox]:checked:before,
.wpforms-container input[type=checkbox]:before,
.wpforms-container input[type=radio]:checked:after,
.wpforms-container input[type=radio]:after,
.wpforms-container input[type=checkbox]:checked:after,
.wpforms-container input[type=checkbox]:after {
    display: none !important;
}

Comments

Add a Comment