Okay
  Public Ticket #2874057
Button effect
Closed

Comments

  •  2
    jenndigital89 started the conversation

    Hello,

    Hope you are doing ok.

    I´m trying to know how to change the style of the buttons of the theme.

    I want all of them to have the same effect and the same colors.

    Where can I change the colors of the buttons?

    And is there a way to make some of the buttons more rounded?

    Thnx

    regards,

    Jenn

  •  604
    WordPress replied

    Hello,

     

    The theme does not have a color change option as well as Border Radius. If you want to change we need Custom CSS and then you will have to pay the custom.



  •  2
    jenndigital89 replied

    Can you at least let me know how to change the color of the button of the add to cart when it is hovered?

    It is set to black and I cant seem to find a way to change that. 

    Thank you,

  •  604
    WordPress replied

    Hello,

    To use the color at your disposal you need to know the code. You can change the color code with the default CSS from the theme.

    8964000141.png


  •  2
    jenndigital89 replied

    Yes,

    I am working on the css code for the Add to cart button.

    I have been able to make all the changes I want except the color of the button when selecting variations and on hover.

    As you can see in the picture, I have tried with 


    .woocommerce div.entry-summary form.cart button[type="submit"]:hover:before

    and...

    .woocommerce div.entry-summary form.cart button[type="submit"]:hover:before {
        background: yellow!important;
    }


    But, with no luck. Also, I have found 3 pieces of code with the color #2c2c2c !important

    Is there any way you can tell me how to change the last color of the add to cart button when selecting a variation and on hover?

    https://maysix.com.ar/producto/top-priya/

    Thanks,



  •  604
    WordPress replied

    hello,

    You can change color and add custom style CSS

    .woocommerce div.entry-summary form.cart button.button[type="submit"]:hover::before {
        background: #2c2c2c !important;
    }