clevestam

If anyone is interested this is what i did to make it work, considering im a total noob with ajax, jquery and javascript in general i think i did pretty goood. The edited file is scripts.js.

success: function(data) {
					var ro = $(data.into).find('div.wpcf7-response-output');
					var x=0;

					$(data.into).wpcf7ClearResponseOutput();

					if (data.invalids) {
						$.each(data.invalids, function(i, n) {
							$(data.into).find(n.into).wpcf7NotValidTip(n.message);
						});
						ro.addClass('wpcf7-validation-errors');
					}

					if (data.captcha)
						$(data.into).wpcf7RefillCaptcha(data.captcha);

					if (data.quiz)
						$(data.into).wpcf7RefillQuiz(data.quiz);

					if (1 == data.spam)
						ro.addClass('wpcf7-spam-blocked');

					if (1 == data.mailSent) {
						var x=1;
						var namnet = $('[name=your-name]').val();
						$(data.into).find('form').resetForm().clearForm();
						ro.addClass('wpcf7-mail-sent-ok');

						if (data.onSentOk)
							$.each(data.onSentOk, function(i, n) { eval(n) });
					} else {
						ro.addClass('wpcf7-mail-sent-ng');
					}

					if (data.onSubmit)
						$.each(data.onSubmit, function(i, n) { eval(n) });

					$(data.into).find('.wpcf7-use-title-as-watermark.watermark').each(function(i, n) {
						$(n).val($(n).attr('title'));
					});

					if (x>0) {
						ro.append('Tack ',namnet,' f?r ditt medelande vi h?r av oss s? fort vi kan.').fadeIn(1000).delay(4000).fadeOut(3000);
						x=0;
					}else{
						ro.append(data.message).fadeIn(1000).delay(4000).fadeOut(3000);
					}

				}
			});

Hey again, you need to read up on your CSS. The problem are fully related to CSS not Contact form 7.

The selectors you need to focus on are TD TR TBODY TABLE all these should have their style changed in the theme CSS file template.css and not inline on the tags themselves. A tip is to always separate html and css. You might also need to read up on html to make a table that fits your needs.

this site have very good info on css.

Save yourself allot of headache and invest an hour or two reading those tutorials. Then you will have no problem styling that form.

…silent as the grave….. let me ask this then: Can i modify the ajax message with the JS action hook in the additional settings?

on_sent_ok: (code);

anyone kind enough to provide a code snippet?? ??

Add in styles.css

/*for all contact 7 forms input text*/
.wpcf7 input{
color:#000
}
/*for all text in all contact form 7 forms*/
.wpcf7 p{
color:#000
}

Yes the CSS file im talking about is your theme file, the selector there for your form is the one i mentioned. The change will be sitewide so if you want to target a specific form select its id. If you just want to target this plugin’s forms form.wpcf7-form if you are going to have more than 1 form from this plugin you can edit the div id wpcf7-f1-p24-o1

If you are doing a custom theme you can have these in your theme style.css/template.css. If you are changing just the form go for styles.css.

Selector form (line:19) in template.css will change the whole form background.

CC: [email protected]
BCC: [email protected]

Is probably the correct way and its in the documentation
Here is that info in the docs

#content, #content input, #content textarea

Selector is what controls that text.
just change or remove color there…

it overrides…
.wpcf7-form p input, .wpcf7-form p textarea

If you use firefox get the firebug plugin to easy identify what selector controls what. Fir IE i think its called webdeveloper toolbar or something.

If someone could point me to the right function to modify, and what to add, I would really appreciate it.

I know i can edit the thank you message that way, but i cant make it display the name from the input field in the message. i want the ” $POST_your-name “ to display.

it just converts the shortcode to string instead of parsing it.
im digging through the php and js files. But im just not that good at reading these script languages yet ??

no edit button??

How about getting the shortcode to work with the “messages”?
[your-name] etc.?