Custom CSS add to cart button
1.
Hey, we tried to style the add to cart button. We wanted it to fill out the area together with the stock amount and to go further down. We did this and it seems to work - but it doesn't work on mobile? Any idea why it doesn't work on phones too?
.woocommerce button.single_add_to_cart_button, .single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed, .single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed:hover, .woocommerce button.single_add_to_cart_button:hover {
padding: 11px 20px;
}
.woocommerce div.product form.cart .button { width: 75% }
2. Is there a way to change the Betheme options-> Header & Subheader->Extras->Action Button with CSS without changing all action buttons? We tried a.button .button_label but it changes all action buttons not just the menu one
Hey, we tried to style the add to cart button. We wanted it to fill out the area together with the stock amount and to go further down. We did this and it seems to work - but it doesn't work on mobile? Any idea why it doesn't work on phones too?
.woocommerce button.single_add_to_cart_button, .single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed, .single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed:hover, .woocommerce button.single_add_to_cart_button:hover {
padding: 11px 20px;
}
.woocommerce div.product form.cart .button { width: 75% }
2. Is there a way to change the Betheme options-> Header & Subheader->Extras->Action Button with CSS without changing all action buttons? We tried a.button .button_label but it changes all action buttons not just the menu one
Comments
2. Try it like this:
ul.contact_details li i, ul.contact_details li a {color: red !important;
}
2. Doesn't do anything. The action button is the same color.
ul.contact_details li i, ul.contact_details li a {
color: red !important;
}
Changed the stuff in the action bar, but not the action button in the menu
2. My bad, but there is no action button.
2. No of course I understand, CSS is strange sometimes. We can do the code but all IDs we find includes all action buttons not just the one in the menu. So what we are basically wondering is if there is a custom ID available for the action button in the menu that does not affect other action buttons on your site. We moved it now, because we couldn't make it work - we were just wondering if you knew of any class for just the menu actionbutton.
1. It works, http://prntscr.com/fdplyq, you just have to make it bigger on the phone since it is changing the size of the quantity input.