Return to previous page

Custom Contact Form - by Brockway - on WordPress WooCommerce support

This topic has 37 replies, 2 voices, and was last updated 8 years, 7 months ago ago by Eva Kemp

Eva Kemp

Support staff

July 27, 2015 at 18:32

Hello,

Default contact form isn’t created with Contact Form 7 plugin.
To style Contact Form 7 you need customize it yourself. Otherwise use our default contact form.
You can edit classes styles to your needs using “Inspect element” option, for example in Chrome browser:
https://developer.chrome.com/devtools
Also edit the values for the classes I’ve already provided to you in Custom CSS section.

Sorry, but I can’t replicate the issue with blue border in “Message” box. I asked you to check it in another browser to make sure you’re experiencing such behavior in all browsers or just in a specific one.

Regards,
Eva Kemp.

#77294 Copied

Brockway

Participant

July 27, 2015 at 19:05

I cant use your default form because he is not customizable even a bit.

I just would like you to add the styling to make sure that the form look the same, it’s the least you can do i think, since i’m not the dev of this theme, i cant guess it !

Also once the css is clean and in order i will have no trouble customise my contact form without your help, but it need the css that only you can provide.

And for the blue thing, i try in forefox, instead of the blue border, i get half of the box with a big black border, and nothing on the other half, it even weirder than in chrome…

And not to mention that building a website with your theme have been a really pain in the … if you dont want to provide me a simple line of clean code that will for once help a bit, i will ask a refund and move on to another theme.

And you will not loose only one customer.

#77300 Copied

Brockway

Participant

July 27, 2015 at 19:27

And also, all this code is not mobile friendly.

#77304 Copied
Eva Kemp

Support staff

July 27, 2015 at 19:37
Hello,

I’ve edited the code in Custom CSS:
```
.wpcf7-form-control-wrap.your-message textarea:focus {
    border-color: black !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
```
Please clear browser cache and check border color of “Message” box now.

Also added this code to align the form:
```
.wpcf7-form input[type="text"] {
  margin-left: -8px !important;
}
```
Please check from your side.

Regards,
Eva Kemp.
#77307 Copied
Brockway

Participant

July 27, 2015 at 19:56

Hello Eva, i was editing it when you did too since you trow me away hardly there.
So i’m not sure, but something goes wrong there.

#77313 Copied

Brockway

Participant

July 27, 2015 at 19:58

Also with the edit of 3 settings and a column based form i get it work like i wanted :
https://www.dropbox.com/s/4e9d3u0p4l0059q/Capture%20d%27%C3%A9cran%202015-07-27%2020.49.26.png?dl=0
https://www.dropbox.com/s/4e9d3u0p4l0059q/Capture%20d%27%C3%A9cran%202015-07-27%2020.49.26.png?dl=0
https://www.dropbox.com/s/0a5ulkiee74szt7/Capture%20d%27%C3%A9cran%202015-07-27%2020.51.40.png?dl=0

But i’m afraid even if i manage to do it with tools, i cant write the css for you. So if you whant to write it for me.
Also i’m not sure my modification or yours is responsive…

Regards?

#77314 Copied

Eva Kemp

Support staff

July 28, 2015 at 08:43

Hello,

As I see now you have 2 forms of contact form 7. Please specify what form you want to edit and how.

Regards,
Eva Kemp.

#77388 Copied

Brockway

Participant

July 28, 2015 at 09:34

The screen shot i made is about the last one, like i say in my last post, with the 3 settings i screen i suceed making it perfect, but since there are lot of custom css now, i’m not sure if those settings will be still good.

And i dont care witch of the form is displaying correctly, i just whant them to display correctly and in a responsive way regardless of witch one.

Cheers.

#77394 Copied

Eva Kemp

Support staff

July 28, 2015 at 12:29

Hello,

I’ve edited your second form “Contact Fr 2”. Please check it in desktop and mobile devices.

Regards,
Eva Kemp.

#77443 Copied

Brockway

Participant

July 28, 2015 at 16:34

Hello there, i dont see any change, it’s still not at the same position and dimensions than the original form.

The 4 half width field are sstill not taking the same size than the big “message” field.

And there is still the blue weird thing and the “message” box, there is still some issue with the main “message” field being too large.

And last of all, this is not displaying correctly on mobile.

Regards.

#77483 Copied

Eva Kemp

Support staff

July 28, 2015 at 20:08

Hello,

In this case we recommend you to contact the authors of “Contact Form 7” plugin. They should provide you with the correct code to align form fields and fix the issue with “Message” box border color. Please understand that we didn’t create this plugin and we don’t know what exact customization is used there. We can only assist you on our contact form customization, but not for 3rd-party plugins. So the plugin authors should give you proper css code and other answers to your queries.

Thank you for understanding.
Regards,
Eva Kemp.

#77516 Copied

Brockway

Participant

July 28, 2015 at 21:04

It not the blue border that bother me so much, but the fact you simply cant or dont want provide a simple css code that is actually working.

And if it was that simple to just ask custom form 7 devs, i’m sure you already done that…
Also you claim before sell that you will supporting me with contact form 7, so i’m sure you understand that a promise or a sell act have to be respected and complete.

It will take the time it need, but i will wait that someone of your team will provide me that code, or i will ask a refund.

Regards.

#77534 Copied

Eva Kemp

Support staff

July 28, 2015 at 22:07

Hello,

Please take our apologies, but as I said before we don’t customize 3rd-party plugins.

you claim before sell that you will supporting me with contact form 7

I didn’t tell you that we would support “contact form 7” for you, I just told you that it’s compatible with the theme. Saying “compatible” I meant it works properly, without any errors and emails are sent successfully. I didn’t mean we would customize the whole plugin and change its design for you. This is beyond our support scope.
Please understand that in this case you have to contact the plugin author and ask them for all customizations you need.

We are not developers of this plugin and we can’t know its exact configuration. I provided you with the code basing on css classes I found via “Inspect element” tool which I wrote you about in the previous posts. More detailed information how to align the form you can find at plugin developers.
We can only provide support for the elements that are implemented in our theme and there are some issues or errors in their work with the theme. But if you’re trying to customize 3rd-party plugin you have to refer to that plugin author.
I hope you’ll understand me.

Thank you.

Regards,
Eva Kemp.

#77540 Copied

Brockway

Participant

July 29, 2015 at 00:01

Then tell me where i can ask a refund, because what you do is playing with words.

Off course you can say any form plugin can work with your theme, they are very simple plugins that in 0 cases cause compatibility issues.

Since many themes offer full working customisations for contact form 7 or built-in working ones. i found you very unprofessionnal do not be able to line up 3 lines of code, if you cant, why should i can ?

Instead of paying someone to adapt contact form 7 in my website, i will just ask for a refund.
So please, tell how can i ask for it ?

Cheers.

#77552 Copied

Eva Kemp

Support staff

July 29, 2015 at 07:34

Hello,

You can ask for refund at Envato:
https://help.market.envato.com/hc/en-us/requests/new?ticket_form_id=37840

Regards,
Eva Kemp.

#77577 Copied

Brockway

Participant

August 29, 2015 at 18:41

Hi there,

i just test the form, it’s working, atleast…
but when you press send, it’s do this weird green square :

https://www.dropbox.com/s/fp89icgktv8g26j/Capture%20d%27%C3%A9cran%202015-08-29%2019.18.22.png?dl=0

Can you fix it ?

#83109 Copied
Eva Kemp

Support staff

August 31, 2015 at 09:14
Hello,

You can change border color with this css code:
```
div.wpcf7-mail-sent-ok {
    border: 2px solid #398F14;
}
```
Replace this color value #398F14 with yours.
Or you can remove border with this code in custom.css:
```
div.wpcf7-mail-sent-ok {
    border: none;
}
```
Regards,
Eva Kemp.
#83215 Copied
1 2

Viewing 37 results - 21 through 37 (of 37 total)