Contact form within the plugin doesn’t work properly.

Hello, what CMP theme are you using? Also do you use our integrated Subscribe form or using 3rdparty plugin for a contact form?

I am using generic Theme – Hardwork
I am not using any 3rd party plugin for CMP at all, only an integrated the most basic one.
Thanks.

Ok, weird then. could you share your website url so I check what is wrong?

Thanks, sure: modeofdesign.com “coming soon.”
As you will see, you cannot type in Name, email and website, but the message (but the message box shape is stretched and looks wired).
I cleared cache tried different browsers on PC. Mac and Android. All were the same bug so far…

OK, so yes, you are using 3rd party Contact form plugin.

So if you are using 3rd part shortcode, you might need to style the contact form by your own CSS as we cannot deliver styling for all plugins out there.

I would suggest to use this CSS – which you can insert into CMP Settings > custom CSS:

input, textarea {
    color: black;
    height: 2em;
    width: 400px;
    max-width: 80%;
    text-indent: 5px;
}

textarea {
    height: 150px;
}

cheers Ales

• This reply was modified 5 years, 7 months ago by Ales.

I didn’t know that was the 3rd party contact form!
But I didn’t see any other contact form option in the plugin setting.
If it exists, please advise me how to find it?
I am not interested in using 3rd party contact form on CMP plugin.

But for now, I used your CSS and it is working. Thank you for the advice.
When I find internal contact form then I will swap it later. Thank you!

Well, you are quite right – we have only Subscribe form implemented directly in CMP in most of the themes. You would have to go to premium themes Contact form native support such as Stylo or Vega.

Cheers Ales

Thank you, Got it!
Sorry, this is the one very last question. I promise it is the last question.

The CSS you advised me on the previous reply was awesome and worked, but it was not mobile optimized.
Could you advise me one last line of CSS to make the contact form mobile friendly?

Thank you,

No worries! Replace the entire CSS block with this, which is mobile optimized:

input, textarea {
    color: black;
    height: 2em;
    width: 100%;
    max-width: 350px;
    text-indent: 5px;
    box-sizing: border-box;
}

textarea {
    height: 150px;
}

Ales

Brilliant. It worked perfectly. Thank you so much!!! Have a great day!