- This topic has 3 replies, 2 voices, and was last updated 5 years ago by
.
-
Posts
-
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 ElementorLocation Two:
– The buttons on this WPForm is unreadable.
– Displayed using GP block elements.
– Can’t be corrected with CSSI can’t figure out a solution to this dilemma. Any help appreciated. Thanks!
Customer Support
Hi there,
Are you able to set the submit button font size using
pxinstead ofem?Currently it’s set to
0.9em. Try something like15px.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/
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;
}
}No problem 🙂
- You must be logged in to reply to this topic.
