Question type: Text box (open-end, essay question)

You need to send a working URL so we can have a look

https://www.badkamerenkeukencursus.nl/

When you open the URL you can see that the quiz appears, you need to answer the questions first ofcourse.
When you reach the final question, you are able to type something. when that happens the text is in blue.

I hope this is enough information:)

• This reply was modified 3 years, 7 months ago by businessjb.
• This reply was modified 3 years, 7 months ago by businessjb.

The blue color is not defied by us. It is defined in your theme CSS file:

https://www.badkamerenkeukencursus.nl/wp-content/themes/blocksy/static/bundle/main.min.css?ver=1.8.4.5

Here:

select, textarea, input[type='url'], input[type='tel'], input[type='text'], input[type='date'], input[type='email'], input[type='number'], input[type='search'], input[type='password'], .ct-widget select, fieldset .wc-stripe-elements-field {
    -webkit-appearance: none;
    appearance: none;
    width: var(--form-field-width, 100%);
    height: var(--form-field-height, 40px);
    font-family: inherit;
    font-size: var(--form-font-size, 15px);
    color: var(--form-text-initial-color, var(--color));
    padding: var(--has-classic-forms, var(--form-field-padding, 0 12px));
    border-width: var(--form-field-border-width, 1px);
    border-style: var(--form-field-border-style, solid);
    border-color: var(--form-field-border-initial-color);
    border-radius: var(--has-classic-forms, var(--form-field-border-radius, 3px));
    background-color: var(--has-classic-forms, var(--form-field-initial-background));
    transition: all 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955);

You can try to override it in Appearance -> Customize -> Additional CSS:

textarea {
  color: white !important;
}

Alright!

I did not know that, thank you very much for the fast responses.
I will try and change this and hopefully it will work then!

Regards,

BusinessJB

Most welcome ?? Please remember to rate the plugin.

Thanks

I will rate the plugin for sure.
Thanks again for helping me!

I came upon another issue I cannot figuere out.
I want to change the Text and layout of the quizz on mobile, tablet.
Through the wordpress display i go to the CSS. I can only change it in desktop setting.

Is there any way i can change the text and layout through CSS on tablet and mobile?

This is a general CSS question (not a plugin related one), but I will answer anyway. If you want to use a different CSS for mobiles you have to target them based on the screen resoluton with @media queries. Learn more here:

https://www.w3schools.com/css/css_rwd_mediaqueries.asp

Once again thank you answering so fast!
Yeah this is not related to plugin, i am not that experienced with CSS itself.
I will use the W3schools and try to understand what it is saying and maybe i can fix it myself in the future.

Thanks again ??

Regards