如何设置联系表格 7 的样式，然后在滑块旋转中使用短代码

Question

I have a contact form 7 form that I want to add to my slider revolution header using the shortcode. How would I be able to style my form with CSS so that it changes when I use the shortcode for it? Are there any other options for me to use custom CSS forms with shortcode?

What I have tried doing is customizing the form in elementor but those styles do not change the form when the shortcode is used, it only updates on the elementor page.

Answer 1

Try using the inspect element of the browser, example on Chrome, right click an element you want to check then click inspect element then try to find for a unique class name for each field or you may try to find the "form" tag and get it's class name usually it looks something like this cf7 inspect element

here's an example css lines to change the style of all the input fields and the button

form.wpcf7-form input {border:1px solid #ff0000;} form.wpcf7-form input[type="submit"] {background: #ff0000;}