Hey, it’s a temporary solution. I remove the !important value from main-style.css of WP Ocean theme style. There is following code of CSS which have added margin: -3px 10px 0 0 !important; so I just removed the !important. I already informed WP Ocean forum for remove this style but didn’t get any luck yet. WPCF kindly request you please do something related to this. Would be better if you override the WCFM style with theme style or if we remove the theme header from setting, in that case, the WCFM should not load any theme related style in the header.
input[type=”checkbox”] {
display: inline-block;
background-color: #fff;
border: 1px solid #bbb;
line-height: 0;
width: 16px;
min-width: 16px;
height: 16px;
margin: -3px 10px 0 0 !important;
outline: 0;
text-align: center;
vertical-align: middle;
clear: none;
cursor: pointer;
-webkit-appearance: none;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
-webkit-transition: 0.05s border-color ease-in-out;
-moz-transition: 0.05s border-color ease-in-out;
-ms-transition: 0.05s border-color ease-in-out;
-o-transition: 0.05s border-color ease-in-out;
transition: 0.05s border-color ease-in-out;
}