Forum Replies Created

Viewing 3 replies - 1 through 3 (of 3 total)

  • To find the class of your button, you’ll need to inspect the HTML code of your website. Here’s a general guide:

    1. Open your website in a web browser.
    2. Right-click on the button you want to inspect.
    3. Select “Inspect” or “Inspect Element” from the context menu. This will open the browser’s Developer Tools.
    4. In the Developer Tools, you’ll see the HTML code for the button highlighted. Look for the class attribute within the HTML code.

    Hello, @davo74 I also faced the same issue, once after I customized the button design and published it, again it went to the default setting. Customize>General>Buttons>Default states

    The following code helped me to sort out the issue

    .button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    background-color: #031C85 !important;
    color: #ffffff !important;
    }

    feel free to edit the colour as you wish and add the correct button class, in my case my button class is button.product_type_simple.add_to_cart_button.ajax_add_to_cart
    paste the code in additional css

    • This reply was modified 2 years, 4 months ago by niroshan12.
    • This reply was modified 2 years, 4 months ago by niroshan12.
    Thread Starter niroshan12

    (@niroshan12)

    Dear Kharis Sulistiyono, It’s a great help. Now it is working perfectly. Thank you so much for your assistance.

Viewing 3 replies - 1 through 3 (of 3 total)