Amanda Watson
asked on
help with a green "thank you for your submission" line that covers my entire
Hi,
On this site here
http://superequity.com.au/win-red-balloon-1000-voucher/
if you fill in the form,
you get a green line surrounding the form (its the usual green line that goes around the saying"your submission was successful")
However, because it was doing this I redirected the form to a thank you page instead, HOWEVER for a brief moment you see a big green line around the whole form.
Does anyone know to get rid of that message?
A
On this site here
http://superequity.com.au/win-red-balloon-1000-voucher/
if you fill in the form,
you get a green line surrounding the form (its the usual green line that goes around the saying"your submission was successful")
However, because it was doing this I redirected the form to a thank you page instead, HOWEVER for a brief moment you see a big green line around the whole form.
Does anyone know to get rid of that message?
A
ASKER
Hi thanks,
I know how to use the developer tools, I was just hoping someone could figure it out without me having to go through all of that
I know how to use the developer tools, I was just hoping someone could figure it out without me having to go through all of that
Hi Amanda
Sorry I am traveling and am not on here as often as usual.
You will need to make the changes in CSS if there is no obvious way of blocking the display in your form plugin.
If there is a switch or a tickbbox somewhere that suppresses the confirmation, great but otherwise the simplest is to make a change in CSS
thanks
Tom
Sorry I am traveling and am not on here as often as usual.
You will need to make the changes in CSS if there is no obvious way of blocking the display in your form plugin.
If there is a switch or a tickbbox somewhere that suppresses the confirmation, great but otherwise the simplest is to make a change in CSS
thanks
Tom
ASKER
Yeah I can't find it in the css as it just pops in, so i was hoping for help here with it?
Hi
I am back at my desk. Looking into your CSS, the file that is driving the contact form is the CF7 style sheet:
contact-form-7/includes/cs s/styles.c ss
this should be available to edit from the WP dashboard 'Plugins> Editor', then select contact form 7 from the drop-down top right and look for styles.css in the list.
In there locate the following:
Change to:
Save the changes.
I am not sure if this is correct, but it is the most logical. Let me know what happens
hth
capt.
I am back at my desk. Looking into your CSS, the file that is driving the contact form is the CF7 style sheet:
contact-form-7/includes/cs
this should be available to edit from the WP dashboard 'Plugins> Editor', then select contact form 7 from the drop-down top right and look for styles.css in the list.
In there locate the following:
div.wpcf7-mail-sent-ok {
border: 2px solid #398f14;
}
Change to:
div.wpcf7-mail-sent-ok {display:none;
}
Save the changes.
I am not sure if this is correct, but it is the most logical. Let me know what happens
hth
capt.
ASKER
Yes, makes sense,but then all the other forms lose that green border too don't they which I am not sure is what they want.
However you answered the question so thank you
However you answered the question so thank you
ASKER
Acutually display none didnt work....for some strange reason.
If you look at the contact form you get the same green border which I have now changed as much as I can to look decent. but it needs work, and of course the one that flashes up is not looking great........
If you look at the contact form you get the same green border which I have now changed as much as I can to look decent. but it needs work, and of course the one that flashes up is not looking great........
Acutually display none didnt work....for some strange reason.
Can you confirm if the CSS edit is still active? I just retested the form and the styles.css still says
div.wpcf7-mail-sent-ok {
border: 2px solid #398f14;
}
capt.
ASKER
Yes sorry I added it back it as I didn't want it to disappear completely.
I just need it do look decent now for the contact form.
If fills the whole form now instead of just a small message and I don't understand why?
Do you know what I can add to make the green box land around the entire form?
Its just not behaving right....
maybe I should just delete it completely?
A
I just need it do look decent now for the contact form.
If fills the whole form now instead of just a small message and I don't understand why?
Do you know what I can add to make the green box land around the entire form?
Its just not behaving right....
maybe I should just delete it completely?
A
ASKER
On normal contact 7 forms, it just goes around a little successuful submission message, why is it going around the entire form....how do I fix this back to normal?
Hi
I have worked with CF7 in the past and only had small messages in green frames pop up so I am not sure why it would go around the whole form.
I will have another look.
capt.
I have worked with CF7 in the past and only had small messages in green frames pop up so I am not sure why it would go around the whole form.
I will have another look.
capt.
I just found another way of getting the success message to 'disappear' using some simple code
Log in to WP and go to the CF7 settings. Select the Form you want to edit and look for the 'Additional Settings' in the form settings.
Enter this code:
I have no way of testing it, but it creates a function that creates a 2seconds delay and a slow fade effect, which causes the success message to not display in time using the same class.
can you try this?
capt.
Log in to WP and go to the CF7 settings. Select the Form you want to edit and look for the 'Additional Settings' in the form settings.
Enter this code:
on_sent_ok: "$('.wpcf7-mail-sent-ok').ajaxComplete(function(){$(this).delay(2000).fadeOut('slow');});"
I have no way of testing it, but it creates a function that creates a 2seconds delay and a slow fade effect, which causes the success message to not display in time using the same class.
can you try this?
capt.
ASKER
I don't really want the green message to go away however?
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Thanks for all who helped.
It was hard to get a solution as I couldn't show how it was supposed to show
It was hard to get a solution as I couldn't show how it was supposed to show
I just tried this but the display changeover to the new page is too quick.
I suggest the following:
so for example, a class "form-thankyou-message" would be:
Open in new window
If it is an ID:
Open in new window
hth
capt.