Tagged: , , ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • May 20, 2016 at 7:23 pm #636030
    ninaS

    Hi,
    I didn’t got any answer for my problem so I’m asking again for help. Here’s the original text:

    Hi,
    the Enfold Theme seems to be colliding with the FormCraft3 Plugin I’m using for my new project… The theme imposing their own CSS over the form elements (Sreenshot Chrome). The CSS is messed up badly in Firefox as well (Screenshot_Firefox). I contacted the FormCraft support first but they told me that it is a theme related issue, I also tried commenting out the form section in the base.css file but it didn’t work out. I’d love to get any help for my problem.

    Website: http://www.saj-escort.com
    Screenshot Formcraft (how it should look): http://prnt.sc/b49uco
    Screenshot Chrome: http://prnt.sc/b49umn
    Screenshot Firefox (field all white/CSS messed up): http://prnt.sc/b49ura

    Regards
    Damian R.

    May 23, 2016 at 9:12 am #636625
    Josue

    Hey Damian!

    Have you tried enabling the default WP theme? do you get the same result?

    Regards,
    Josue

    May 23, 2016 at 10:34 pm #637114
    ninaS

    Hi Josue,
    Already checked it….the form looks fine with default WP theme.
    Would be very glad for help. I’m struggling with the problem for a week already.

    Regards
    Damian R.

    May 25, 2016 at 2:24 pm #638037
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    html .formcraft-css .fc-pagination .page-number { background: black; }
.formcraft-css .fc-form.fc-form-1 .form-element .field-cover input[type="text"], .formcraft-css .fc-form.fc-form-1 .form-element .field-cover input[type="password"], .formcraft-css .fc-form.fc-form-1 .form-element .field-cover input[type="email"], .formcraft-css .fc-form.fc-form-1 .form-element .field-cover input[type="tel"], .formcraft-css .fc-form.fc-form-1 .form-element .field-cover select, .formcraft-css .fc-form.fc-form-1 .form-element .field-cover textarea {
    background-color: #3d3d3d;
}

    Best regards,
    Yigit

    May 25, 2016 at 8:39 pm #638258
    ninaS

    Hi Yigit,
    thanks for your response but it didn’t really solved the problem… The “datepicker” seems also to be conflicted by the theme and firefox looks the same as before (Screenshots: Chrome -> http://prntscr.com/b8dgum || Firefox -> http://prntscr.com/b8dizw )… May you please take a look? Is there any chance to comment out the whole form CSS of the enfold theme?

    Thanks for your support. You guys are great!

    Greets
    Damian R.

    May 25, 2016 at 8:47 pm #638261
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    #ui-datepicker-div.fc-datepicker table.ui-datepicker-calendar th, #ui-datepicker-div.fc-datepicker table.ui-datepicker-calendar td.ui-datepicker-today a, .formcraft-css .fc-form.fc-form-1 .form-element .star-cover label, html .formcraft-css .fc-form.label-floating .form-element .field-cover.has-focus>span, .formcraft-css .fc-form.fc-form-1 .form-element .customText-cover a, .formcraft-css .fc-form .form-element .slider-cover .range-max, .formcraft-css .fc-form .form-element .slider-cover .range-min, .formcraft-css .prev-next>div span:hover {
    color: #dd3333 !important;
}

    Cheers!
    Yigit

    May 25, 2016 at 9:11 pm #638278
    ninaS

    Hey,
    I added both Custom CSS but still the same…. Here’s how it looks with the default WP theme -> http://prntscr.com/b8dz4z … The theme is manipulating the form CSS.

    Regards
    Damian R.

    May 26, 2016 at 12:11 am #638343
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    #top .ui-datepicker-header {
    height: 38px;
}

    Cheers! 
    Josue

    May 31, 2016 at 7:55 pm #641051
    ninaS

    Thanks Josue,
    the datepicker looks fine now! The last issue i’ve got now is Firefox… the form fields are completely white and the CSS is messed up by the theme. I hope you can also help me with that… Thanks for your support so far..you guys are the best!

    Screenshot (Firefox) -> http://prntscr.com/bap2hk

    Regards
    Damian R.

    June 1, 2016 at 12:50 pm #641430
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    .formcraft-css .fc-form.fc-form-1 .form-element .field-cover input[type="text"], .formcraft-css .fc-form.fc-form-1 .form-element .field-cover input[type="password"], .formcraft-css .fc-form.fc-form-1 .form-element .field-cover input[type="email"], .formcraft-css .fc-form.fc-form-1 .form-element .field-cover input[type="tel"], .formcraft-css .fc-form.fc-form-1 .form-element .field-cover select, .formcraft-css .fc-form.fc-form-1 .form-element .field-cover textarea{
background-color: #3d3d3d !important;
}

    Cheers! 
    Josue

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.