I am trying to modify contact form 7 the way I like it. The problem is I cant find right ID tag for that. I have tried adding div id=“tags” but that does not work.
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.
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.
your rule would win out, because it has a slightly higher specificity. That is, the rule carries slightly more weight. There rules of specificity are described here:
We could give some more help with this if we knew the actual styles that the supplied style sheet is using, and if we knew what changes you’d like to make. A link to a live example would be best.
… but it looks like that form add-on is junk, because it isn’t even creating labels for you (which is what you want). Does it have any options for adding them in?
There really should be a <label> element associates with each of those text <input> elements, and that is what is pictured in your second link. This is a basic example of label/input pairs:
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”.