You need to find the CSS file that comes with the contact form setup and make those changes there instead. Alternatively, you have the option to disable all styling in the configuration settings and create your own styles from scratch.

You need to find the CSS file that comes with the contact form setup and make those changes there instead. Alternatively, you have the option to disable all styling in the configuration settings and create your own styles from scratch.

The problem is if plugin gets updated I will lose everything. I wanna avoid it.

No, styles normally do not get lost when you update the plugin. If they do, then there's something wrong with how it is set up.

I'd configure it so (disable styling completely so that it won't create a .css file) that you can write your form styles right into your main stylesheet. That way you don't have to mess with whatever the plugin outputs.

No, styles normally do not get lost when you update the plugin. If they do, then there's something wrong with how it is set up.

I'd configure it so (disable styling completely so that it won't create a .css file) that you can write your form styles right into your main stylesheet. That way you don't have to mess with whatever the plugin outputs.

Can you explain where did "form" comes from before "span.wpcf7-form-control-wrap" ?

CSS styles elements by "targeting" them with selectors ... or, in other words, you cite various elements in the CSS and tell the browser to style them a particular way. The link I gave on specificity above helps to explain that a bit. By adding "form" to the rule, it becomes a little more "specific" and that default rule. It's just saying "find a <form> element on the page, then a span inside it with a class of wpcf7-form-control-wrap". That rule will override a rule that just says "find a span inside it with a class of wpcf7-form-control-wrap".

CSS styles elements by "targeting" them with selectors ... or, in other words, you cite various elements in the CSS and tell the browser to style them a particular way. The link I gave on specificity above helps to explain that a bit. By adding "form" to the rule, it becomes a little more "specific" and that default rule. It's just saying "find a <form> element on the page, then a span inside it with a class of wpcf7-form-control-wrap". That rule will override a rule that just says "find a span inside it with a class of wpcf7-form-control-wrap".

Thanks a lot for your help,time to put everything in practice and see how it works out