Hello!
Sorry for the delayed response, we do not check on these forums as regularly as we should.
As for the styling questions you asked, here is some general information:
– We actually do not do ANY styling to the buttons, all the styling you are seeing is from a theme or WooCommerce broadly.
– The same can be said for the quantity input, but you can use this selector: input.input-text.qty.text {}
– You can change the button styling by using the CSS selectors below
button.button.alt {} Or more specifically to this plugin only button.simple_add_to_cart_button.alt, button.variable_add_to_cart_button.alt {}
– For the tick mark, after the product is added to the cart, the button has a new CSS class “added” to which you can add a “content” property and have the check mark appear.
– Alternatively to the all above styling, these additions can be done using javascript, but this is for more advanced users. You can add classes that already achieve these goals by using the above selectors and add the appropriate classes as the webpage loads.
– Lastly, and this is our least recommended, you can modify the source code to add the CSS classes to each component needed.
As a general word for why we do not give users the options to add classes to the components, as we have not vocalized them before:
We see a lot of plugins out there to allow users on shortcodes to add classes to elements. We find this to build messy code and messy for many users as well. We often get requests to add more classes to components, but all these components are available and extremely customizable via the correct CSS selectors. We are happy to help out with pointing out how to access these components, if you need further help with styling than that, you can feel free to reach out to us at our website or email us directly at [email protected] !
Thank you for using the product and I hope you can figure out how to get everything configured!
Best,
The Rite Sites
