New Landing › How can we help? › Themeforest Theme Support › Neighborhood › How can you customize the "Buy button"on product page?

Viewing 10 posts - 1 through 10 (of 10 total)
  • Back to forum
    Posted in: Neighborhood
  • February 14, 2015 at 6:17 pm #150162
    espressoboetiek
    Member
    Post count: 29

    How can you customize the “Buy button”on product page?

    February 15, 2015 at 9:15 am #150196
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    Not sure what you exactly what you want to customize but with the css below you can change the color and background.

    
button.single_add_to_cart_button, .woocommerce p.cart a.single_add_to_cart_button, ul.products li.product a.quick-view-button {
background: #000!important;
color: #fff!important;
}

    -Rui

    February 15, 2015 at 2:54 pm #150221
    espressoboetiek
    Member
    Post count: 29

    Hi Rui,

    Thanks!
    When I change the colour the text changes colour. When I change the background colour nothing happens. Why?

    February 16, 2015 at 1:20 pm #150520
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    .woocommerce form.cart button.single_add_to_cart_button, .woocommerce p.cart a.single_add_to_cart_button, ul.products li.product a.quick-view-button{
background: none repeat scroll 0 0 #ff0000 !important;
color: #ffffff;
}

    Thanks
    Mohammad

    February 16, 2015 at 7:40 pm #150669
    espressoboetiek
    Member
    Post count: 29

    Hi Mohammad,

    It still doesn’t do anything. What’s going wrong?

    Thanks.

    February 16, 2015 at 10:05 pm #150682
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    Can you provide admin access so I can check if you placed everything correctly?
    Use the private reply.

    -Rui

    February 17, 2015 at 9:26 pm #151048
    espressoboetiek
    Member
    Post count: 29
    This reply has been marked as private.
    February 18, 2015 at 9:03 am #151136
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    I have inserted code at Admin -> Theme Options -> Custom CSS. Now everything seems to fine. Please always insert custom css code here.

    Thanks
    Mohammad

    February 18, 2015 at 9:23 pm #151397
    espressoboetiek
    Member
    Post count: 29

    Hi Mohammad,

    Thanks so much! I’ve inserted the css in appearance –> custom css.

    Thanks again.

    February 19, 2015 at 2:19 am #151434
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    You most welcome.
    Thanks
    Mohammad

  • Back to forum
    Posted in: Neighborhood
Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register