Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #24554

    I’ve hidden the “Add to Cart” button on single product page by using the following CSS:

    #top .button,#top .submitbutton {

    display: none;


    However, now the “Send” button on the contact form gets hidden too, which I don’t want to hide.

    How do I hide the “Add to cart” button but still retain the “send” button on the contact form?





    #top .add_to_cart_button.button{
    display: none;

    Best regards,




    Unfortunately that CSS styling didn’t work either.

    After using the CSS you provided, SEND button in the contact form worked but Add to Cart button was still displaying on single product page.

    So, I tried to dig further into the CSS file and found if I add display: none !important property to form.cart .button then it solves the problem so I went to Quick CSS under styling tab of the theme and then added the following:

    form.cart .button {display: none !important;} however this didn’t work either.

    So, then I went to theme files from the cpanel to wp-content>themes>replete>config-woocommerce>woo commerce-mod-css-dynamic.php and then edited line 39 to add the display property as none !important. And now the add to cart button is hidden and SEND button in contact form shows.

    I wonder when I added form.cart .button {display: none !important;} to the Quick CSS why it didn’t work.



    This is indeed very strange – maybe the browser used the old css files and you forgot to clear the browser cache?

    Best regards,


Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Contact Form Send Button’ is closed to new replies.