Change product carousel buttons

  • thefuzzypineapple

    (@thefuzzypineapple)


    6 years, 8 months ago

    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)
  • Subrata Sarkar

    (@subrataemfluence)

    6 years, 8 months ago

    Hi,
    Please can you share the URL?

    Thread Starter thefuzzypineapple

    (@thefuzzypineapple)

    6 years, 8 months ago

    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)

    6 years, 8 months ago

    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.