Change Button - by Alessio - on WordPress WooCommerce support

This topic has 11 replies, 3 voices, and was last updated 8 years, 9 months ago ago by Jack Richardson

  • Avatar: Alessio
    Alessio
    Participant
    July 13, 2015 at 16:34

    I wanted to change the “Buy” button. I wanted to know if you could change the colors of “HOT” “NEW” in the menu. In the settings wocommerce it is possible to make a comment just by placing the stars, but not working.
    Thank you for your kindness

    Acquista Button
    HOT, NEW Button
    Comment

    10 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    July 13, 2015 at 17:17

    Hello,

    Do you want to change color of “Buy” button?
    If so you need use this code in custom.css file:

    .button. product_type_simple, .button.product_type_variable {
       color: grey;
       background-color: green;
    }

    To edit “hot” and “new” icons you need edit them using some image editor as they are loading from the images wp-content/themes/legenda/images/new-icon.png and wp-content/themes/legenda/images/hot-icon.png.

    Go to Settings > Discussion and uncheck “Comment author must fill out name and e-mail”, “Users must be registered and logged in to comment”, “Comment must be manually approved” and “Comment author must have a previously approved comment” options. After that check Reviews tab on single product pages.

    Regards,
    Eva Kemp.

    Avatar: Alessio
    Alessio
    Participant
    July 14, 2015 at 10:15

    Another thing. you can put a picture in the header?

    BG Header

    Avatar: Alessio
    Alessio
    Participant
    July 14, 2015 at 10:29

    This code

    .button. product_type_simple, .button.product_type_variable {
       color: white;
       background-color: #43d19d;
    }
    

    don’t work.

    Avatar: Eva
    Eva Kemp
    Support staff
    July 14, 2015 at 14:04

    Hello,

    Please provide us with wp-admin panel credentials in Private Content.
    To add background image in the header use this code in custom.css:

    .header7 {
      background-image: url("http://path_to_your_image");
    }

    Regards,
    Eva Kemp.

    Avatar: Alessio
    Alessio
    Participant
    July 14, 2015 at 16:23

    ok

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    July 14, 2015 at 16:47

    Hello,

    Please provide us with wp-admin panel link.

    Regards,
    Eva Kemp.

    Avatar: Alessio
    Alessio
    Participant
    July 14, 2015 at 19:10

    ok sry

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    July 14, 2015 at 20:24

    Hello,

    I’ve edited the code:

    a.button.product_type_simple, a.button.product_type_variable {
       color: white !important;
       background-color: #43d19d !important;
    }

    and added it to custom.css.
    Please check buttons now.

    Regards,
    Eva Kemp.

    Avatar: Alessio
    Alessio
    Participant
    July 16, 2015 at 18:54

    ok perfect thx

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    July 16, 2015 at 19:04

    Hello,

    You’re welcome.

    Best regards,
    Jack Richardson.

  • Viewing 11 results - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.