Woocommerce quick 'add to cart' button style (Divi theme)

  • Hi there,

    I’ve recently added the ‘Add to Cart’ buttons under each product to the shopping page by adding a line of code to the Divi theme functions.php. It works but i was wondering if the button style could take Divi theme button styles?

    My webpage is:
    https://www.reliefbrigade.org/home/#reliefmart

    The buttons in the first column uses the Divi button style but the ‘Add to cart buttons’ doesn’t, and even gives a weird ‘number 5’ when you hover your mouse over it.

    Line of code:
    add_action( ‘woocommerce_after_shop_loop_item’, ‘woocommerce_template_loop_add_to_cart’, 20 );

    Line of code source:
    https://gist.github.com/elitteral/a655d4b078d34ad23006)

    Much appreciated!

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

  • Hi, lynuz

    add this css code into Divi > Theme Options > General > Custom CSS field.

    .woocommerce .button::after {
    font-family: “ETmodules”;
    }

    have a nice day

    nanni

    Hey lynuz,

    cheers for sharing that line of code.

    The CSS in the next post didn’t work for me, but the normal customiser did the trick anyway.

    This one is fine, except for the ” sign in “ETmodules”:

    add this css code into Divi > Theme Options > General > Custom CSS field.

    .woocommerce .button::after {
    font-family: “ETmodules”;
    }

    So the right one would be like this:

    add this css code into Divi > Theme Options > General > Custom CSS field.

    .woocommerce .button::after {
    font-family: ‘ETmodules’;
    }

    It worked for me, I hope it helps!

    • This reply was modified 7 years, 11 months ago by metalurgika.
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Woocommerce quick 'add to cart' button style (Divi theme)’ is closed to new replies.