• Resolved mikehall96

    (@mikehall96)


    On the submit button a grey box has appeared that extends off the page. I am told that a piece of CSS code needs adding to fix this so that it works in conjunction with my theme. Please can you supply this CSS code?

    On mobile I was having an issue with the form extending passed the visible screen size, I am assuming that this was caused by the same grey box around the submit button that was extending off the page, but if not then i’ll need a fix for this also. Thanks.

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

Viewing 11 replies - 1 through 11 (of 11 total)
  • I wonder why there is no answer to this issue for 3 days now.
    I have the same problem.
    It started with the latest WP update.
    Please tell me how I can change the color of the button.

    Hi Monique, I have emailed Ethan Choi (Technical Support Specialist) complaining again. They said they would issue a fix by now if I went through the forum, but still nothing.

    The submit button is causing issues on mobile in its current state by extending the page.

    This is quite a high priority fix as the page will be getting marked down by Google indexing.

    Thanks for your reply.
    I will have to wait.

    Plugin Support Jess Quig

    (@jquigam)

    Hi mikehall96 and moniqueappels,

    First, I apologize if you’ve felt there’s been any delay. Our support hours run Monday-Friday, and we’ll always do our best to reply here within two business days.

    I took a look at the page shared in this initial post (https://finite-supplies.co.uk/product-recommender/) and have located the source of the issue. This extra grey styling is coming from styles that (within the code) are clearly intended for WooCommerce. These styles seem to be coming from the site’s theme, so possibly they were just added in a recent update.

    Luckily, though, you should be able to fix this issue with just a little custom CSS:

    .wpforms-submit-container button:before {
        display: none;
    }

    In case it helps, here’s a tutorial from WPBeginner showing how to add custom CSS like this to your site.

    I hope this helps! 🙂

    Hi Jess,

    That’s now fixed both my issues. Many thanks for providing the Custom CSS code.

    Marking this as resolved.

    It’s not solved for me though.
    I have no clue how to change CSS.
    I can’t write code.
    That’s why I love plugins that do everything for me.

    Why do we have to fix this.
    It was always fine (I work with this plugins for years now).
    I think that you need to fix this.

    Hi Monique,

    Log in to your website through wordpress on a desktop (so you are actually looking at your websites pages). At the top of the page there will be a black wordpress banner with a button that says “customise”, press that and a page will load up. On the left hand side will be a controls window that’s open and at the bottom of it will be a tab that says “Additional CSS” or “Custom CSS”, press that and then in the box just copy and paste the code that has been provided. If you had the same issue as me then when you press the publish button and refresh the page with the error on it will now be fixed. If issue is still not solved or you have a different issue then you’ll probably have to create a new post on here with link and explanation of error like I had to.

    Nope doesn’t work
    Can’t upload print screen unfortunately ;-(

    Check http://hondenbureausamba.nl/contact/ and see the grey button

    Hi Monique,

    It looks fine to me. The issue I experienced is not present on yours. If you believe there’s an issue then try creating a new post on here to flag it or email support@wpforms.com

    Plugin Support Jess Quig

    (@jquigam)

    Thanks for your help here, mikehall96 🙂 And I’m glad that CSS worked for you!

    Hi moniqueappels — I’d agree with mikehall96, and it doesn’t appear that you two were encountering the same issue (he had a long grey stripe running all the way across the page, behind the submit button).

    But we’d be happy to help! If you could please create a new post in this forum and share more details there about what you’d like to change, we’ll be able to assist from there.

    And in case it helps, you can create a new post by going to https://wordpress.org/support/plugin/wpforms-lite/ and scrolling all the way to the bottom (section titled “Create a new topic”).

    Thanks!

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Submit Button Styling Error’ is closed to new replies.