CSS Issue with MarketPress button

Hello, I am having an issue with the formatting of a button on my products page: http://procenter.staging.wpengine.com/courses/store/products/

The Add to Cart button has a green line on the top of it. It appears there are really 2 buttons on top of each other to give the Add to Cart button its function.

It seems that the .mp_button_addcart is formatted properly, but the button behind it, form.mp_buy_form has a green line that I can't get rid of.

Can you please help me remove the line on top of this MarketPress button?

Thank you,

  • Ash
    • WordPress Hacker

    Hello @Jesse

    I hope you are well today and thanks for asking the question.

    Please try the following css:

    #mp_product_list input.mp_button_addcart, .type-product input.mp_button_addcart, input.mp_cart_direct_checkout_link, #mp_shipping_submit, form.mp_buy_form .mp_adding_to_cart, .mp_cart_direct_checkout_link, .mp_link_buynow{
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -o-box-shadow: none !important;
    -ms-box-shadow: none !important;
    box-shadow: none !important;

    It will look like the screenshot.

    You can add this to a theme's stylesheet, in a child theme, or using a plugin like My Custom CSS.

    Hope it helps :slight_smile: Please feel free to ask more question if you have any.


Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.