Change WooCommerce Add to Cart Button in Shapely

Shapely
1

Hey Guys,

Right now my Add to Cart buttons look ghetto. How do I go about getting rid of these ugly gray boxes, and not having the price and the button squished together?

Just go to the link and scroll down to see what I mean.

Thanks!
John

2

Hey there,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS


/* add margin to add to cart button */
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    margin-left: 20px;
}
a.button.product_type_subscription.add_to_cart_button.ajax_add_to_cart {
    margin-left: 20px;
}

/* change border color */
p.product.woocommerce.add_to_cart_inline {
    border: 4px solid green ;
}

Best regards,
Support.