Terms and Conditions

I see what you’re aiming for ???? — you want to give all headings (h1–h6) inside .contactusinfo .crm-form a top margin of 20px.

But the CSS you wrote isn’t valid, because this:

.contactusinfo .crm-form (h1,h2,h3,h4,h5,h6)

uses parentheses () instead of the proper grouping syntax.

✅ Correct CSS should look like this:

.contactusinfo .crm-form h1,
.contactusinfo .crm-form h2,
.contactusinfo .crm-form h3,
.contactusinfo .crm-form h4,
.contactusinfo .crm-form h5,
.contactusinfo .crm-form h6 {
  margin-top: 20px;
}

This way, each selector is scoped properly to .contactusinfo .crm-form.

???? If you want it shorter (all headings at once), you can also use the attribute selector for headings:

.contactusinfo .crm-form :is(h1, h2, h3, h4, h5, h6) {
  margin-top: 20px;
}

The :is() pseudo-class is supported in modern browsers and makes it cleaner.

Do you want me to optimize it further so you don’t need to list all h1–h6?