Button shifted since update

Hi,

Ive created a section (newsletter subscription) which has not changed in the last few months and was fine. Having updated Cornerstone and X, the submit button is shifted way up.

it looks fine in Cornerstone but on the live site and in live previews it looks very different.

Ive done the usual clearing of caches, etc.

What could cause this?

Hi @wbc,

Thanks for reaching out.
The problem is due to the structure of your form and the Spinner position which is just under the Submit button. To adjust that, you need to add the following custom CSS code.

#newsbutton p
{
    display:flex;
}
form.invalid #newsbutton p
{
    display:inline;
}

Please remember that the above code will work if copied as it is and doesn’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes which means we can’t fix it in case it conflicts with something on your site nor will we enhance it. Further customization should be directed to a third-party developer or you can avail of One, where we answer the questions beyond normal theme support.

Thanks

Thanks - why does this display fine inside Cornerstone and then fails in live previews or the live site? Makes it very hard to work with Cornerstone if its not truly WYSISYG

I only put the spinner in because it was a workaround for the fact the forms submits werent creating a spinner. I noticed on the release on Jan 14th now thats been fixed. Can I remove all of that workaround and the above now?

Hi @wbc,

Yes, you can remove the workaround solution temporarily and check if the update works for you.

Thanks

I tried but unfortunately it didnt help. When you say the spinner is below the button wouldnt the workaround solve that?

Hi @wbc,

If that is the case, you need to use the workaround to solve that.

Thanks

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.