Greetings,
First of all we want to thank you for your generous donation. It really helps this Add-on out. All the money from the donations are invested back into this project, but let’s see the problems you ran into using our add-on.
The text in the submit button can be aligned-center with the text align property modified to center.
Please take a look at this example for the alignment problem: https://screencast.com/t/lAivXA1xQus
Generally the “inherit” value of a CSS property is used when we want to reset some earlier declarations and set the styling as the elements parent styling. So when an element is set to inherit than it will have it’s parent styling. So when we talk about inherit in the “display”, “position”, “box-sizing” we will get these as the parent of the current element style was.
More about this can be read on: https://www.w3schools.com/cssref/css_inherit.asp they also include a great example.
The “initial” value is also used on elements which need to be reset to the default values. So if an anchor tag has a yellow color, and we want to reset it back to the default blue, then we will use the “color: initial” value to achieve this.
A better explanation about this value can be found here, with an even better example: https://www.w3schools.com/cssref/css_initial.asp
We added these value so the user who will have this Add on installed to his/her WordPress environment can reset the theme’s styling for the Contact Form 7 forms and add another one if necessary.
Also for the rounded corners you can use this: https://screencast.com/t/OmOmJ6brq
And for the last response message, unfortunately we haven’t had the chance to test this add-on with the Beaver builder theme.
Hope we could helped you figure these questions out.
Have a great evening,
Lehel