Docs

[bak]

Hi there

I read through the X forum and also external posts but I cannot find the solution to the fact that Contact Form 7 does not show any confirmation message after sending.

Could you have a look and tell me what the problem is?

[bak]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for writing in. It seems you have added the below code to your Child Theme’s CSS that’s causing the issue :

.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
  display: none !important;
}

Kindly remove this to get expected result. When you add any custom code to your site, make sure you know what you are doing to avoid potential conflicts.

Hope this makes sense.

Cheers!

[bak]

Great, thank you for finding the problem

I need this code for most of the forms.as they work in collaboration with email for download

How can I change the code to only address certain specific forms?

I want to give those forms a class or ID but nor sure then how the code above should be written to incorporate this class or id

[Rupok]

Hi there,

You need to hide them particularly using class and should not apply globally. Let’s add some custom class to a form that you need to hide this and point us that so that we can tailor the code for you. But simply it should be like this :

.your-class .wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
  display: none !important;
}

Where you need to replace .your-class with your custom class name.

Hope this helps.

[bak]

Thank you for your input.

Additional questions

How can I style the confirmation message:
1) How can I replace rounded corners with square ones?
2) How can I change font color?
3) How can I change background color of the message box?

[Thai]

Hi There,

Please add the following CSS:

.wpcf7 .wpcf7-response-output {
    border-radius: 0 !important;
    background-color: #f0f0f0;
    color: #000;
    border: none;
}

Hope it helps 🙂

[bak]

This reply has been marked as private.

[Christian]

Please add the code below in your Appearance > Customize > Custom > Global CSS

.icon-button.download-icon {
  font-size: 14px;
  font-weight: normal;
  text-decoration: none
}

Thanks.

[bak]

Hi there, I used the code but without effect.

Just to made sure, I am talking about the link which is generated to download the document as in the image attached in the last message

[Joao]

Hi There,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

Joao

[bak]

This reply has been marked as private.

[Friech]

Hi There,

Thanks for the credentials, but would you mind pointing us to the page where we can see this link?

I can not find it here: http://bakrona.ch/thermische-validierung/validierungszubehoer/drucktransmitter.html

Thank you.

[bak]

This reply has been marked as private.

[Rue Nel]

Hello There,

I have checked your contact form and I’ve tried sending a message. This is what I’ve got:

If you want to change the response, you can edit you contact form and click the “Message tab”
http://prntscr.com/cky4n2

Hope this helps.

[Author]

Posts