Note: that if your Chevrons when using Checkboxes are sliced off at the bottom due to an Elementor bug then add this to the Form: .efonticonsvg.eeiconcaretdown {overflow: visible;}


JS Codes
Calculated Form Checkboxes: https://www.codesnippets.cloud/snippe...


CSS:
Styling Form Fields:
#formfieldtotal {
pointerevents: none;
backgroundcolor: #999999;
color: #fff;
fontweight: bold;
textalign: right; /* Rightalign text within the field */
}

Hide the Submit Button:
selector .elementorfieldgroup.elementorfieldtypesubmit {
display: none;
}

Make a Field be NonClickable:
#formfieldprice {
pointerevents: none;
textalign: right; /* Rightalign text within the field */
}

Checkbox Styling:
selector .elementorfieldoption{
display: flex:;
accentcolor: #ff0050;
lineheight: 25px;
marginright: 10px;
}
input {display: inlineblock;
verticalalign: middle;
width: 24.5px;
height: 15px;
}




Grab our $1 Business Packs: https://learn.websquadron.co.uk/#packs
WordPress Hosting: https://be.elementor.com/visit/?bta=2...'>https://be.elementor.com/visit/?bta=2...
The Pro Page Builder: https://be.elementor.com/visit/?bta=2...'>https://be.elementor.com/visit/?bta=2...

Need 121 Support: https://learn.websquadron.co.uk/#support

Join our Facebook Group:   / websquadron  
Get Code Snippets Pro: https://r.freemius.com/10565/3304295/