[Resolved] WP FORMS SUBMIT BUTTON

[Ethan]

I am having issues with a WPForms ‘next/submit’ button. I have set up the same file in two different locations. The buttons display differently while viewing them from a mobile device.

Location One:
– This WPForm displays just fine
– Sits alone on it’s own page using Elementor

Location Two:
– The buttons on this WPForm is unreadable.
– Displayed using GP block elements.
– Can’t be corrected with CSS

I can’t figure out a solution to this dilemma. Any help appreciated. Thanks!

[Leo]

Hi there,

Are you able to set the submit button font size using px instead of em?

Currently it’s set to 0.9em. Try something like 15px.

If that’s not possible then try this CSS:

@media (max-width: 768px) {
    div.wpforms-container-full .wpforms-form .wpforms-page-button {
        font-size: 15px;
    }
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

[Ethan]

Hi Leo-

Thank you so much for the quick response. Everything is displaying great!

This is the code that corrected everything for me:

@media (max-width: 768px) {
div.wpforms-container-full .wpforms-form .wpforms-page-button {
font-size: 15px!important;
}
}

button#wpforms-submit-3379 {
font-size: 15px!important;
}
}

[Leo]

No problem 🙂

[Author]

Posts