Change product carousel buttons

  • Hi. When I first installed the theme all of the “add to cart” buttons were square. Now they are rounded. How can I:

    1. Change the buttons back to square edges.
    2. Change the “add to cart” buttons to read “add to cart” instead of “read more”
    3. Change the font of the buttons.

    Thank you!

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

  • Hi,
    Please can you share the URL?

    Thread Starter thefuzzypineapple

    (@thefuzzypineapple)

    thefuzzypineapple.com

    Also instead of “select options” can I have it read “add to cart” and it takes them to the page to select the options please

    hannah

    (@hannahritner)

    Hi thefuzzypineapple,
    1. Looks like you have css being outputted by a plugin that is causing the border radius to change. You can use this css to make them straight:

    button.single_add_to_cart_button.button.alt {
    border-radius: 0 !important;
}
.product_item .button {
    border-radius: 0 !important;
}

    Just paste that into your custom css box in Theme Options > Custom CSS.

    2. The “read more” and “select options” can be changed in the premium theme settings, but not the free. You would need to change them in a child theme.

    3.

    button.single_add_to_cart_button.button.alt {
    font-family: sans-serif;
}
.product_item .button {
    font-family: sans-serif;
}

    Hannah

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Change product carousel buttons’ is closed to new replies.