@@kenkioqqo really welcome....i took me a full day to find your video and make it work....i am so to have found your video! i made some adjustments to the code but it works because of you!
Hi Ken, Your video saved my life. But I have a question. My form has just one field i.e. Email and then a Submit button. How can I increase the length of the Email field to make it look better and occupy the whole width of the column?
Hi Madiha, thanks a lot for your valuable feedback and question. To resize the email input field, try this code snippet (I've picked the CSS selector using DevTools on my website). Here it is... .forminator-ui#forminator-module-32.forminator-design--default .forminator-input, .forminator-ui#forminator-module-32.forminator-design--default .forminator-input:hover, .forminator-ui#forminator-module-32.forminator-design--default .forminator-input:focus, .forminator-ui#forminator-module-32.forminator-design--default .forminator-input:active { width: 25em; } To adjust the width, simply change the 25em to any other em value you want.. eg, 26em, 31em, 55em etc. We're using em to make sure the input field is responsive as screen size changes from device to device. Change all the instances of "32 " on the CSS selector to the number of your forminator form. I.e if your Forminator form number is 538, change all the 32s in the above selector to 538. Just in case you're wondering where to, add the code snippet below or above the code you added from the tutorial :-).
@@kenkioqqo Thank you Ken. I wasn't expecting such an immediate response. I'm subscribing to your channel. I've added the code that you've given in my Additional CSS in the theme customizer just before the already given code. And set the value to 50 em . But because of this now my Submit button is beneath the Email field. I've tried different values too.
Thanks a lot for subscribing, @@madiha8109. Viewers like you motivate me to keep going. To solve that, you most likely need to put the code after the initial code. Try that and see if it doesn't work.
Hey riegal du toit, thanks a lot for your kind feedback. To change the color of the button, 1. Open the form to edit it in the dashboard, then 2. Go to the "Appearance" tab that comes after the "Fields" tab, then 3. Go to the "Colors" section. By default, the color settings are set to "Use Default Colors". 4. Click the "Custom" option to reveal the different parts of the form that you can edit. The "Submit" button will be the last option on the newly revealed list. 5. You can then click it to change its color as you please. I hope this helps.
Hey @@alanmanning3696. Thanks for dropping by. Have you tried following the same instructions I gave riegal above to change the button's background color for different states? How did that go?
Hey @manarbajafar3700, to make the form respond properly to smaller screens, you can use CSS Media Queries. Here's a good tutorial to help you understand how to use them: ua-cam.com/video/yU7jJ3NbPdA/v-deo.htmlsi=01tVm73-Hd-yAvRZ . You will need to apply the media queries to the CSS selectors we used to style the form elements.
Thank you, please note however the code changes ALL forminator forms on the website to inline. Not ideal when you only want ONE form inline and the rest remain the normal. I had to delete the code, now seeking another solution.
You're welcome, dysan2121. And thanks a lot for that crucial feedback. Someone else might benefit from it. Since this is a work-around, I would suggest using Forminator as shown in the video for the single line form, and install another form plugin to create all the other forms you need on your website (That is, if you don't mind having two form plugins, like me - My website is working smoothly). Or, you can also opt for a paid form plugin that offers the inline form feature out-of-the-box.
Hey Beyond The End Films, redirecting to a specific page is simple. 1. Inside your WordPress dashboard, hover over "Forminator" and click "Forms" to open the list of forms you've created. 2. Spot the one you want to add a redirect rule to and click "Edit" to open its settings. 3. Once opened, open the "Behavior" tab (It should be the third option after "Fields" and "Appearance" 4. Inside "Behaviour", the first option will be "Submission Behavior" and the default behavior will most likely be "Inline Message". Click it to open a popup with its settings. 5. In the popup, change it from "Inline Message" to "Redirect user to a URL" and paste the URL in the field that will appear when you select that choice 6. Edit any other settings you want on that popup and click "Apply" (The popup will close after that) 7. In the form settings, click "Update" (Just to be sure all new settings are saved) 8. Your form is now redirecting users to the URL you specified after submission
![Lp. Сердце Вселенной #30 ДВА В ОДНОМ [Один человек]• Майнкрафт](http://i.ytimg.com/vi/nrXy15orKhY/mqdefault.jpg)
Good video please tell me how i can make the button inline in mobile layout responsive
amazing video...right to the point...thanks for sharing the CODES! This worked perfectly!
You're most welcome, @JulioCesarRoman-wc8rt. I'm very glad it worked for you.
@@kenkioqqo really welcome....i took me a full day to find your video and make it work....i am so to have found your video! i made some adjustments to the code but it works because of you!
That's so awesome,@@JulioCesarRoman-wc8rt. This is the kind of feedback that motivates me to keep publishing new tutorials. So, thanks so much.
Thank you very much, I really struggled to get the form on the same line
No worries, Glad it helped!
very good video must appreciate.. time saving
How can the form by Forminator be linked to the subscription service?
Hi Ken,
Your video saved my life. But I have a question. My form has just one field i.e. Email and then a Submit button. How can I increase the length of the Email field to make it look better and occupy the whole width of the column?
Hi Madiha, thanks a lot for your valuable feedback and question.
To resize the email input field, try this code snippet (I've picked the CSS selector using DevTools on my website). Here it is...
.forminator-ui#forminator-module-32.forminator-design--default .forminator-input, .forminator-ui#forminator-module-32.forminator-design--default .forminator-input:hover, .forminator-ui#forminator-module-32.forminator-design--default .forminator-input:focus, .forminator-ui#forminator-module-32.forminator-design--default .forminator-input:active {
width: 25em;
}
To adjust the width, simply change the 25em to any other em value you want.. eg, 26em, 31em, 55em etc. We're using em to make sure the input field is responsive as screen size changes from device to device.
Change all the instances of "32 " on the CSS selector to the number of your forminator form. I.e if your Forminator form number is 538, change all the 32s in the above selector to 538.
Just in case you're wondering where to, add the code snippet below or above the code you added from the tutorial :-).
@@kenkioqqo Thank you Ken. I wasn't expecting such an immediate response. I'm subscribing to your channel. I've added the code that you've given in my Additional CSS in the theme customizer just before the already given code. And set the value to 50 em . But because of this now my Submit button is beneath the Email field. I've tried different values too.
Thanks a lot for subscribing, @@madiha8109. Viewers like you motivate me to keep going. To solve that, you most likely need to put the code after the initial code. Try that and see if it doesn't work.
@@kenkioqqo Thanks once again Ken. More power to you!
Much appreciated, @@madiha8109 . All the best.
Hi Ken, thanks for the helpful video. How do i change the button text ? Is it with css aswell ?
Hey riegal du toit, thanks a lot for your kind feedback. To change the color of the button,
1. Open the form to edit it in the dashboard, then
2. Go to the "Appearance" tab that comes after the "Fields" tab, then
3. Go to the "Colors" section. By default, the color settings are set to "Use Default Colors".
4. Click the "Custom" option to reveal the different parts of the form that you can edit. The "Submit" button will be the last option on the newly revealed list.
5. You can then click it to change its color as you please. I hope this helps.
@@kenkioqqo Hi Ken, any idea as to how to change the rollover state colour buddy?
Hey @@alanmanning3696. Thanks for dropping by. Have you tried following the same instructions I gave riegal above to change the button's background color for different states? How did that go?
How can I control the form properties when they appear on the mobile screen? As a smaller size, for example
Hey @manarbajafar3700, to make the form respond properly to smaller screens, you can use CSS Media Queries. Here's a good tutorial to help you understand how to use them: ua-cam.com/video/yU7jJ3NbPdA/v-deo.htmlsi=01tVm73-Hd-yAvRZ . You will need to apply the media queries to the CSS selectors we used to style the form elements.
I work on my site without coding, just using the tool :( @@kenkioqqo
Thank you, please note however the code changes ALL forminator forms on the website to inline. Not ideal when you only want ONE form inline and the rest remain the normal. I had to delete the code, now seeking another solution.
You're welcome, dysan2121. And thanks a lot for that crucial feedback. Someone else might benefit from it. Since this is a work-around, I would suggest using Forminator as shown in the video for the single line form, and install another form plugin to create all the other forms you need on your website (That is, if you don't mind having two form plugins, like me - My website is working smoothly). Or, you can also opt for a paid form plugin that offers the inline form feature out-of-the-box.
you king
🙏 peace, Ibrahim.
How to link forminator form to another page after submission. Please help. I am struggling to redirect it.
Hey Beyond The End Films, redirecting to a specific page is simple.
1. Inside your WordPress dashboard, hover over "Forminator" and click "Forms" to open the list of forms you've created.
2. Spot the one you want to add a redirect rule to and click "Edit" to open its settings.
3. Once opened, open the "Behavior" tab (It should be the third option after "Fields" and "Appearance"
4. Inside "Behaviour", the first option will be "Submission Behavior" and the default behavior will most likely be "Inline Message". Click it to open a popup with its settings.
5. In the popup, change it from "Inline Message" to "Redirect user to a URL" and paste the URL in the field that will appear when you select that choice
6. Edit any other settings you want on that popup and click "Apply" (The popup will close after that)
7. In the form settings, click "Update" (Just to be sure all new settings are saved)
8. Your form is now redirecting users to the URL you specified after submission