Tagged: Buttons, Color, enfold, woocommerce
-
AuthorPosts
-
November 26, 2015 at 12:49 pm #543077
Hello,
Is there any option in the admin panel to modify the color of all the “add the cart” , “update cart”, “view cart”, “checkout”, “apply coupon”.. buttons with Enfold & Woocommerce ?
Thanks.
November 26, 2015 at 1:22 pm #543098Hi temptel!
You can change main content colors and WooCommerce buttons will adapt the same colors.
Regards,
YigitNovember 27, 2015 at 12:39 pm #543578Hi Yigit,
Where or how can i modify that? I found in the enfold options, enfold -> advanced style -> buttons a option to modify the border radius, but how can i modify the colors?
I have tried adding this css:
.checkout, .wc-forward { background-color: #6c4a1c !important; border-color: #6c4a1c !important; }
.single_add_to_cart_button, .apply_coupon, .update_cart { background-color: #6c4a1c !important; border-color: #6c4a1c !important; }
.avia_cart_buttons, .add_to_cart_button, .product_type_simple { opacity: 1; background-color: #6c4a1c !important; border-color: #6c4a1c !important; }
#top .main_color .avia_cart_buttons .button { background-color: #6c4a1c; color: white; }
.header_color .cart_dropdown_link { background-color: #6c4a1c; }
.header_color .cart_dropdown_first .cart_dropdown_link { color: white; }But it doesn´t modify all the buttons in the site, and i´m sure there is a simple way to do this.
Thanks for your help.
November 30, 2015 at 11:21 pm #544878Hey!
Yigit was referring to the main content section in your general styling section. See the screenshot below as an example:
Primary color and highlight color affects the main button color and hover colors respectively.
If for some reason the changes aren’t being made, please provide us with a link to your website so we can provide you with the appropriate css.
Best regards,
DakeDecember 16, 2015 at 5:26 pm #553862Hello,
Yes, from that panel we can modify the color for all the site but we only want to apply the modification to the buttons related with woocommerce.
Now we only need to know how modify the color in the cart page, and complete order page, how can we do it there?
We have now:
.single_add_to_cart_button, .apply_coupon, .update_cart { background-color: #eb8204 !important; border-color: #eb8204 !important; }
.avia_cart_buttons, .add_to_cart_button, .product_type_simple { opacity: 1; background-color: #eb8204 !important; border-color: #eb8204 !important; }
#top .main_color .avia_cart_buttons .button { background-color: #eb8204; color: white; }
.header_color .cart_dropdown_link { background-color: #eb8204; }
.header_color .cart_dropdown_first .cart_dropdown_link { color: white; }Thanks for your help.
December 22, 2015 at 12:13 pm #556481Hi!
I think it would be best to ask WooCommerce support about it, as they know their plugin best.
Cheers!
AndyAugust 1, 2018 at 7:54 am #992222I have the same issue. Any idea?
August 2, 2018 at 4:45 am #992657 -
AuthorPosts
- You must be logged in to reply to this topic.