Enable Required Fields in Contact Form JA Nova

stvoutlk

How do I do create or enable the required fields in the contact page of the JA Nova Template.
https://ja-nova.demo.joomlart.com/index.php/about-us-2/contact

For example, here's the required field required in this contact form in the ja-trip template : https://static.joomlart.com/images/template/ja-trip/docs/contact-form-detail.png

cssyeah

Hi @stvoutlk,
Add below CSS rule to the Edit Custom CSS modal in the template's dashboard to show all contact fields label.

.contact #contact-form .form-group .control-label { display: block; }

Kind regards,

stvoutlk

The CSS Rule Worked!

Is there a way to add a title above the contact form fields? Along with adding the following sentence: "Send an Email. All Fields with an asterick (*) are required."

saguaros

You can override with this CSS rule:

.contact #contact-form legend {
    display: block !important;
    font-size: 1rem;
}