My task involves using the MURA CMS to create a form. While the form is functioning correctly, I am facing an issue where the Submit button is not centered. I would like to apply inline styling to the specific div that contains the Submit button (highlighted below).
I have been unable to directly access and modify the form for styling purposes.
https://i.sstatic.net/d6ra9.png
In my attempt to target the div containing the Submit button, I tried the following:
$(document).ready(function(){
$("[class='']").css("text-align", "center");
});
Unfortunately, this approach did not successfully target the div. Any suggestions on how to achieve this would be greatly appreciated.
Update: I also attempted targeting the input element within the Mura Form in a different way, but it was unsuccessful. If anyone can provide insight into where I may be going wrong with my approach, please let me know.
$(document).ready(function(){
$("#frm45EAED3E155D020135053C5229A9497A input[type='Submit']").css({
display: 'block',
margin: '0 auto'
});
});