Okay
  Public Ticket #312190
Add to Cart Button
Closed

Comments

  • Jelf started the conversation

    1) The "Free" Text doesn't show up on this single product page.

    2) How can I make the "Add to Cart" button Much larger? I would like to change it to a square, or even bigger with Text inside "Add to Cart" instead of the + symbol. How can I do those things?

  •  93
    djwd replied

    Hi there,

    1. This might be a bug, thanks for the heads-up! I'll test it out and fix it for the next update. In the meantime pasting this in the Custom CSS textarea (Advanced Tab should turn it back white)

    .woocommerce div.product p.price {
    color:white!Important
    }

    2. You would need to customize the CSS and a template file in order to achieve this, unfortunately personal customizations go beyond regular support.

    Regards
    djwd

    Regards
    djwd

  • Jelf replied

    Thank you for the follow up! I'll add that CSS for 1 THANK YOU!

    Regarding 2, I meant to say, WHICH CSS and template files should i change? I can't seem to find where the button itself is located. Can you point me to the place in the existing Theme where the "Add to Cart" button style is located? Any specific changes I can then personally do alone. 

    Thank you again.

  •  93
    djwd replied

    Thing is that you can't change the button content through CSS, but it's located in several php template files and JS (single product file, products loop..and so on)

    It's much easier to override the CSS through the Custom CSS textarea in the Advanced Tab (and you wouldn't lose changes in case of theme update).

    By the way the button with the "+" symbol it's located in woocommerce/single-product/add-to-cart/simple.php

    The CSS is handled through css/less/layout.less file in Woocommerce section, around line 8555

    Regards
    djwd

    Regards
    djwd