Okay
  Public Ticket #485029
Hide price from Woocommerce "add to cart" button
Closed

Comments

  • Federico started the conversation

    Hi,

    I would like to hide the price near the Woocommerce \"Add to cart button\". I use this shortcode to insert the button inside my pages:

    [add_to_cart id=\"id\" style=\"border:0;\"]

    As you can see I added the style tag to remove the grey border (it works, no problem with it).

    But the shortcode shows the button + the item price on its left. I would like to hide the price. Once I\'ve solved the problem adding this code in the custom css inside the qode options:


    .product.woocommerce.amount {display:none}

    It worked for a while, but after I changed somewhat in the qode options the prices came back to show! Obviously the code above is still present inside the custom css. It\'s a big mystery... I thought I could change some css file but I don\'t know where and how... Could you help me? Thanks in advance and sorry for my english... I\'m a f****g Italian :)))

    Federico

  •  1,351
    Qode replied

    Hi Federico,

    There should be one space in that css you have written, make sure this is what you have in Qode Options -> General -> Custom CSS field

    .product.woocommerce .amount {
    display:none;
    }

    try with that code. If the price is still there, please send us a link to that page so we can write correct css.

    Best Regards,

    Qode

    Customer Support

    \r\n

    Stay up-to-date with the latest Bridge updates and our new themes. Get the news delivered to your inbox!

  • Marie replied

    Thank you, this was a useful tip that helped me progress halfway. What CSS would help me get rid of the gray border? And also, when I applied this CSS, the button got aligned left, can I move it back to center?

  •  1,351
    Qode replied

    Hello Marie,

    Please write your own private ticket and send us an url to your website.

    All the best,

    Customer Support

    \r\n

    Stay up-to-date with the latest Bridge updates and our new themes. Get the news delivered to your inbox!