Forminator Update Has Made Forms and Buttons Misalign

Fyi: I updated from 1.14.7 to 1.15.12. Consequently, I just noticed a second form is showing misalignment too – it’s a multi-option select form, where the gaps between the horizontal section line options are now twice what they were.

Thank you so much for your help Pawel. I input that new CSS code you suggested and at least it lines up horizontally now – but it stll isn’t justified out to the right side the same as the first box on the left side is. I’ve made so many changes to this form in that Appearance >> Customise >> Additional CSS area, that I’m sure there’s a lot of compromised code there now. Does it help you if I paste it all in here:

.forminator-custom-form #submit {background: none; border: none; box-shadow: none;}

/** Desktop CSS **/
@media screen and (min-width: 768px){
#forminator-module-11519{
    display: flex;
    justify-content: space-between;
}

.forminator-datepicker{
    width: -webkit-fill-available !important;
}

#forminator-module-11519 #address-1 input{
    margin-left: 0 !important;
    width: -webkit-fill-available !important;
}

#forminator-module-11519 .forminator-col{
    width: 180px !important;
}

#forminator-module-11519  .forminator-error-message{
    margin-left: 0 !important;
}

}

#forminator-module-11519 input,
#forminator-module-11519 button {
  max-width:440px;
}

#forminator-module-11519 button {
  background:#C00000;
  margin-top:3px!important;
}

#forminator-module-11519 #submit {
  margin-top:24px; 
  height:35px!important;
  margin-left:65px;
}
#forminator-module-11519 .forminator-row-last .forminator-col {
padding-top: 17px !important;
}

Also here’s the other form – half way down the page on the right, just under the MP3 player.. It’s the “Questions?” etc form.. the selection choices are double the line height they should be:

https://affordaband.co.uk/sidewinder/

Thanks again, Stu.

Thanks NJ. I don’t know how to attach screenshots here, other than send you a Dropbox link to it:

https://www.dropbox.com/s/ib1xlvojqet3o10/Screen%20Shot%202022-03-21%20at%206.39.28%20pm.jpg?dl=0

In the screenshot above, you can see now that the red “SEARCH ACTS” box is justified out to the right side, at the same margin that the “Your Event Type” box on the left is. They both sit indented in, about the same from their left and right sides. Ps.. my apologies in using ‘justified’ and ‘margin’ as generic, non-coding terms.. I probably should’ve avoided the confusion of doing that! 🙂

Regarding your second point, I’m afraid that code didn’t do anything. But even if it did, I don’t want to have to change code by asking you guys for help each time I update this plugin. My old code should’ve still worked.. it’s weird – every time you guys update the plugin to a new major one, I lodge a ticket here for you guys to help me fix misaligned boxes on one or two forms – always the ‘search acts’ red box listed above, but now this other ‘questions’ form too. I don’t know what’s going on here, but I can’t keep doing this all the time. I guess something on my end is ruining it each time, but in any case, knowing your new code hasn’t fix it, what do you suggest now? Do you want the source code exported from both forms, so you can analyse that? I really hope we can diagnose it based on my original forms I sweated over making just right – I’m a bit of a pedant for that stuff, sadly!

Thanks, Stu.

• This reply was modified 2 years, 1 month ago by stumur.

Sure.. I’ve now removed that one code line you gave me in the message above. I look forward to your reply?

Oh.. Understood. Thanks Kris. All deleted. Go for it. Thanks, Stu.

Hi Kasia. Here:

https://www.dropbox.com/s/qc1qz97qidxr8g5/forminator-check-artists-availability-form-export%20%283%29.txt?dl=0

Thanks, Stu

One quick question mate before I go:

At the top right of all my band pages, I have a green [GOT QUESTIONS?] clickable button, which links to a ‘get a quote’ form page, with the usual data capture info on it: Name, Email address, Phone, Your Message etc.

When someone clicks this green button on that band page, and it takes them to that generic data capture form page, is there a way that the form can capture the name of the band page the person just came from, so I know which specific band they’re asking about? Or is there a better way for that ‘Got Questions’ button on each band page to be used rather than the way I’ve set it up to be a data capture page? Here’s a band page example:

https://thelivemusicagency.com.au/anthems-live-band/

• This reply was modified 2 years ago by stumur.
• This reply was modified 2 years ago by stumur.
• This reply was modified 2 years ago by stumur.