Submit Button text issue

  • royliwanag

    (@royliwanag)


    5 years, 3 months ago

    Hi! Im having an issue with the submit button text at it is not completely visible.
    Its been working fine after the wordpress update.

    Below is the customized code used:

    .wpforms-form button[type=submit] {
    background-color: #024488 !important;
    border-color:

    #024488 !important;
    border-top: 0;
    border-bottom: 0;
    color: #fff !important;
    }

    thanks in advance!

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Support Jess Quig

    (@jquigam)

    5 years, 2 months ago

    Hi royliwanag,

    I apologize for our delayed response!

    I took a look at this form, and the CSS being applied by your site’s theme is pretty unusual. The theme is essentially adding a button on top of our button through a bunch of extra CSS.

    It’s a bit hard to explain, but I recorded a short screencast video so you could see what happens as I remove this odd CSS (it lets the “real” button appear, which looks just fine).

    The good news is, we should be able to fix this. This CSS should do the trick:

    .wpforms-submit-container .w-btn:before, .button:before, .wpforms-submit-container button[type="submit"]:before {
    display: none !important;
}

    It sounds like you’re already familiar with how to add custom CSS, but just in case here’s a tutorial from WPBeginner.

    Once you’ve applied this CSS snippet on your site, any other CSS you add to further adjust the submit button’s appearance should work the way you’d expect.

    When you have a chance to give this a try, could you please let me know how it goes?

    Thanks! 🙂

Viewing 1 replies (of 1 total)
  • The topic ‘Submit Button text issue’ is closed to new replies.