How do I get css inside the popup?

Hey @dardel,

What do you mean by “normal css box”? Do you have a screen capture of that?

In the meantime, we think these are awesome resources if you’re just getting started with CSS.

https://contactform7.com/styling-contact-form/

https://docs.wppopupmaker.com/article/287-getting-started-with-custom-css

And, here’s a demo where we change the:

– Font face to sans serif
– Font size to 2rem
– Form input’s background colors to light blue

https://share.wppopupmaker.com/JruOdNoq

You’ll notice we used specific CSS rules to target only that particular for (155).

Here’s the CSS we used in that demo for your convenience.

/** Specific to form 155 only */
	
	/* Font face */
	#wpcf7-f155-o1 .wpcf7-form {
  		font-family: Arial,Helvetica,sans-serif;
	}

	/* Field label text size */
	#wpcf7-f155-o1 .wpcf7-form label {
  		font-size: 2rem;
	}

	/* Input field bg color and rounded corners */
	#wpcf7-f155-o1 .wpcf7-form input {
  		background-color: lightblue !important;
  		border-radius: 10px;
	}
	
/** End form 155 */

We hope that helps.

Let us know if you need anything else.

Have a great day 🙂

• This reply was modified 4 years ago by mark l chaves. Reason: Code formatting