Editing shopping page buttons

  • Hello,

    Is there a way for me to edit shop page buttons, or can someone supply CSS so the shop buttons can replicate the button in the image provided.

    As you can see the buttons do not replicate the theme. I would like to for text of ‘add to cart’ to be capital. With clear background white border and white writing, and when hovered over for it to change to red border, with white writing and clear background.

    See images provided to get a better understanding. I would just like the shopping page buttons to replicate the theme of the website

    https://ibb.co/8DKm2my
    https://ibb.co/Hqdkk7H
    https://ibb.co/jZsXz49

    Thanks,
    Burkay

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support RK a11n

    (@riaanknoetze)

    Hi there,

    When loading the URL you shared on my side, it seems you’ve made to make the bulk of those changes already ??

    In order to change the capitalization of those add-to-cart buttons, you could try the following:

    
.woocommerce ul.products li.product .button {
  text-transform: capitalize;
}

    If you’re unsure where to add that custom CSS, you could try **Appearance > Customize > Additional CSS**.

    Thread Starter bkemal

    (@bkemal)

    Hello,

    Yeah I managed to sort out the hover effect for it. However, the CSS does seem to make any changes to the text, it just stays the same. Any other suggestions?

    Thanks,
    Burkay

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Editing shopping page buttons’ is closed to new replies.

Tags