I've used the code provided on your Salient documentation page "Contact Form 7 Columns" to create my contact form. Without changing any settings from the salient template field named "Friendly Sign Up Form", the submit button is off-centered. When I used the web inspector to see what was happening, I noticed that there was a hidden element "class="wpcf7-spinner". I see that the spinner shows up after you click the submit button, however, it causes the initial state of the button to be off-center to the left.
I don't mind the spinner icon, but is there a way to adjust the spacing to where the form button is centered, or right-aligned? In the screenshot example on your page Contact Form 7 Columns, it shows the button centered. In every method I've tried to align it, there is always that additional padding to the right of the button.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
.wpcf7-form p span.wpcf7-spinner {
position: absolute;
}
I've used the code provided on your Salient documentation page "Contact Form 7 Columns" to create my contact form. Without changing any settings from the salient template field named "Friendly Sign Up Form", the submit button is off-centered. When I used the web inspector to see what was happening, I noticed that there was a hidden element "class="wpcf7-spinner". I see that the spinner shows up after you click the submit button, however, it causes the initial state of the button to be off-center to the left.
I don't mind the spinner icon, but is there a way to adjust the spacing to where the form button is centered, or right-aligned? In the screenshot example on your page Contact Form 7 Columns, it shows the button centered. In every method I've tried to align it, there is always that additional padding to the right of the button.
Please help!
Attached files: Screenshot 2023-11-28 at 10.46.04 AM.png
Screenshot 2023-11-28 at 10.46.54 AM.png
Hey Again,
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
.wpcf7-form p span.wpcf7-spinner { position: absolute; }Thanks.
ThemeNectar Support Team
That did the trick. Thanks Tahir!