Cheers Enfold Team!
I have a problem with datepicker css. Plugin: Formcraft. Please let me know what to do. The title bar is broke and the black left border should be removed. I tried a lot of css codes but nothing worked. See URL in private content.
_ _
I contacted the plugin developer and already tested deactivating all plugins.
Answer plugin developer: Hello, This is a tricky one. Either your theme or another plugin is forcing elements on the page to follow certain CSS, which is breaking the datepicker. This is a poor coding practise on their end. Since the CSS they have implemented is using IDs and is all over the place I am also unable to offer a fix via CSS. I’d recommend contacting them or finding a way to disable contact form default CSS.
Thanks.
_ _
Thanks for your Support!
Hey UPON,
Thank you for the link to your site, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
#top .formcraft-datepicker .ui-datepicker-title select {
color: inherit;
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
box-shadow: none;
padding: 0 0.5em!important;
height: 2.9em;
vertical-align: top;
margin: 0;
border: 0;
background: 0 0;
cursor: pointer;
width: auto;
display: inline-block;
font-size: inherit;
border-radius: 0;
}
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.
This in the expected results:
Best regards,
Mike
Great Mike, that worked. Thanks!
Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.
Best regards,
Mike