03/24/2017 at 1:58 pm
#417050
Keymaster
Wow, that theme is pretty hostile with its styling!!! It has even written some HTML into the Connections search field code.
If the theme has a custom CSS area, add the following CSS to it:
body[data-form-style="minimal"] #cn-list .minimal-form-input {
position: relative;
padding-top: 0 !important;
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
display: inline-block;
width: auto !important;
}
input#cn-search-submit {
background: url(http://bridge-alliance.com/wp-content/plugins/connections/assets/images/icons/search.png) 8px center no-repeat #FFF;
border: 1px solid #DFDFDF;
border-left-width: 0;
-webkit-border-radius: 0 3px 3px 0 !important;
border-radius: 0 3px 3px 0 !important;
cursor: pointer;
font-size: 12px;
float: none !important;
height: 28px;
line-height: 20px;
margin: 1px 1px 1px 0 !important;
padding: 3px !important;
text-align: left;
vertical-align: bottom;
width: 30px!important;
}
#cn-search-input {
background: #FFF !important;
border: 1px solid #DFDFDF !important;
border-right-width: 0 !important;
-webkit-border-radius: 3px 0 0 3px !important;
border-radius: 3px 0 0 3px !important;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #888;
display: inline-block !important;
font-size: 12px !important;
float: none !important;
height: 28px;
line-height: 20px;
margin: 1px 0 1px 1px!important;
padding: 3px 6px !important;
text-align: left;
vertical-align: bottom;
width: 140px !important;
}
#cn-search-input, input#cn-search-submit {
box-shadow: inset 0 1px 1px rgba(0,0,0,.1) !important;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.1) !important;
}
#cn-list .chosen-container-single .chosen-search input[type=text] {
color: #555;
margin: 1px 0;
padding: 4px 20px 4px 5px !important;
width: 100%;
height: auto;
outline: 0;
border: 1px solid #aaa !important;
background: #fff url(http://bridge-alliance.com/wp-content/plugins/connections/vendor/chosen/chosen-sprite.png) no-repeat 100% -20px !important;
background: url(http://bridge-alliance.com/wp-content/plugins/connections/vendor/chosen/chosen-sprite.png) no-repeat 100% -20px !important;
font-size: 1em !important;
font-family: sans-serif;
line-height: normal;
border-radius: 0;
}
This CSS should be sufficient to override the theme’s aggressive styling of forms.
Hope this helps, let me know.
