Woocommerce button style doesn’t match theme button style

  • Resolved viwek

    (@viwek)


    1 year, 10 months ago

    Hello

    I have a small problem.
    The style of the Woocommerce buttons does not match the style of the theme buttons.
    Those. the buttons of the theme itself, for example in the popup cart or the search button, have the same style (white font and black background that changes to gray on hover), but the Woocommerce buttons did not inherit the style of the theme.

    Button in the product page: Add to cart
    Button on the page Checkout: Place order

    I have a child theme. I tried adding a line : add_filter( ‘astra_global_btn_woo_comp’ , ‘__return_true’ )

    to the function.php file, but it didn’t work. I read that this problem was fixed a long time ago, but for some reason it does not work for me.

    I’ve tried disabling all plugins except for the Woo, no result.

    WP 6.1.1 / Woocommerce 7.3.0 / Astra 4.0.1

    Thanks

    The page I need help with: [log in to see the link]

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

  • Hi @viwek,

    I tried accessing your website, but I am seeing this error: This site can’t be reached.

    Can you please check the URL of the website that you have mentioned and share it again?

    Thanks!

    Thread Starter viwek

    (@viwek)

    The site is working. Check, please

    Hi @viwek,

    The Add to Cart buttons should inherit the Buttons style from the Global section. Refer to this video, please.

    I hope it will help.

    Kind regards,
    Herman ??

    Thread Starter viwek

    (@viwek)

    Hello, Herman

    Thanks for the reply, but I am aware of this setup.
    I already have colors set in this block BUT it doesn’t work for me.
    That’s why I asked for help.
    I’m attaching a screenshot:

    https://pasteboard.co/jaURbuU8yvXd.jpg

    As you can see, the color of the “Add to cart” button differs from the color of the button in the pop-up cart and from the colors set in the Global.

    Hi @viwek,

    Unfortunately, I find your screenshot above a bit puzzling to me. What is your concern, actually? The Add to cart button on the Single Product page, or the View cart and Checkout buttons inside the Mini Cart?

    If it is the Add to Cart button on the Single Product page, it should inherit from the Global section, as seen in this screenshot.

    However, if the buttons inside the Mini Cart is your concern, there are options to adjust its color on the WooCommerce Cart section on the Customizer.

    Let me know if I am missing something.

    Kind regards,
    Herman ??

    Thread Starter viwek

    (@viwek)

    Hello, Herman

    If it is the?Add to Cart?button on the Single Product page, it should inherit from the Global section, as seen in this?screenshot.

    Yes. Problem with all Woocommerce buttons. The style is not inherited, although it is set in the settings. The style only worked for the buttons in the popup cart. For the rest, no. I have attached the screenshot in my previous post. https://pasteboard.co/jaURbuU8yvXd.jpg

    P.s.: By the way, there are no color settings on the?WooCommerce Cart?section on the Customizer.. Screenshot:

    https://pasteboard.co/IXyxX16OUtlK.png

    Thanks for help

    Hi @viwek,

    Did you mean the Add to Cart button on the Single Product page, this one, is not inheriting from Global > Buttons?

    Regarding the Cart and Checkout buttons of the Mini Cart, you need to go to the WooCommerce Cart section. The one that is seen in your screenshot above, it is for the Cart page. Refer to this screenshot, please.

    Kind regards,
    Herman ??

    Thread Starter viwek

    (@viwek)

    Hello, Herman

    Did you mean the?Add to Cart?button on the Single Product page,?this one, is not inheriting from?Global > Buttons?

    YES. Any ideas ? Why doesn’t it work?

    Hello,
    If I understand correctly, the Add to Cart button and the button on the Checkout page should be black with white text.
    In your first screenshot with the button settings, the text colour is set to black and the background colour to grey (exactly as they are displayed). Just change the colours there and it should work, right?

    Thread Starter viwek

    (@viwek)

    Hello

    If I understand correctly, the?Add to Cart button?and the?button on the Checkout page?should be?black with white text.

    Yes.

    n your first screenshot with the button settings, the?text colour?is set to?black?and the?background colour?to?grey?(exactly as they are displayed)

    No. In the screenshot, the Button Colors settings have a black background and white text. And these settings for some buttons did not work.
    Where did you see gray?

    The first colour is the active colour and the 2nd colour is the hover colour.
    Your current settings are:
    Text:
    Active->Black
    Hover->White or grey
    Background:
    Active->White or grey
    Hover->Black

    Thread Starter viwek

    (@viwek)

    Omg. I’m sorry. My mistake.
    Everything is working. Thank you.

    Thread Starter viwek

    (@viwek)

    The question is closed.

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Woocommerce button style doesn’t match theme button style’ is closed to new replies.