New Landing › How can we help? › Themeforest Theme Support › Dante › WooCommerce Buttons

Viewing 15 posts - 16 through 30 (of 37 total)
1 2 3
  • Back to forum
    Posted in: Dante
  • March 18, 2015 at 9:24 pm #158816
    espressoboetiek
    Member
    Post count: 29

    How can I ad a custom background color when hovering on the checkout button? Can you change the size of the button?

    I already added the following custom css

    .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 #5ac155 !important;
    color: #ffffff;
    }

    March 19, 2015 at 2:35 am #158881
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    .single_add_to_cart_button{
background: #ff0000 !important;
color: #ffffff;
}

    Thanks
    Mohammad

    March 21, 2015 at 6:21 pm #159547
    espressoboetiek
    Member
    Post count: 29

    Hi Mohammad,

    This didn’t work for me when I added this to the custom css. Also the size of the button isn’t customisable with this code. Can you help me out?

    Also, how can you customise the carousel thumbnails on the homepage. (Not the woocommerce thumbnails)

    Best,

    Daniel

    March 22, 2015 at 5:20 pm #159605
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please provide me specific page url with issue.
    Thanks
    Mohammad

    April 12, 2015 at 11:47 am #164423
    espressoboetiek
    Member
    Post count: 29

    Hi Mohammad,

    It’s the buy woocommerce button on every product page. For example: http://espressoboetiek.nl/product/delonghi-ecam-23-120sb/

    When mouseover I want the button to change in to a darker green and bold typefont.

    Can you help me out?

    Best,

    Daniel

    April 12, 2015 at 3:10 pm #164431
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    .single_add_to_cart_button:hover{
background:#11630C !important;
font-style:bold !important;
}

    Thanks
    Mohammad

    April 12, 2015 at 9:03 pm #164451
    espressoboetiek
    Member
    Post count: 29

    Hi Mohammad,

    I added the code but nothing changed. What went wrong?

    Best

    Daniel

    April 13, 2015 at 5:21 am #164474
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please always insert custom css code at Admin -> Theme Options -> Custom CSS.
    Thanks
    Mohammad

    April 13, 2015 at 7:46 am #164530
    espressoboetiek
    Member
    Post count: 29

    Hi Mohammad,

    I did that.

    see screenshot. Still doesn’t work.

    Best Daniel

    Attachments:
    You must be logged in to view attached files.
    April 13, 2015 at 8:06 am #164540
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please try to use this custom css code:-

    .woocommerce p.cart a.single_add_to_cart_button:hover{
background:#11630C !important;
font-style:bold !important;
}

    Thanks
    Mohammad

    April 13, 2015 at 8:15 am #164548
    espressoboetiek
    Member
    Post count: 29

    Hi Mohammad,

    Thanks for your help. It works!

    Additional, the link hover is set for black on the whole website. How can I exclude the tekst in the button from changing it’s color. Can I add code for the tekst to stay white?

    Last, can I make the button and tekst bigger?

    Best,

    Daniel

    April 13, 2015 at 8:27 am #164551
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    .single_add_to_cart_button:hover{
background:#11630C !important;
font-style:bold !important;
color:#fff !important;
}

    Thanks
    Mohammad

    April 13, 2015 at 8:39 am #164559
    espressoboetiek
    Member
    Post count: 29

    Thanks, it works!

    I now see that the tekst doesn’t become bold. Is it because of the google font?

    Can I make the button and tekst bigger?

    Best,

    Daniel

    April 13, 2015 at 8:42 am #164561
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    .single_add_to_cart_button{
font-size:20px !important
}
.single_add_to_cart_button:hover{
background:#11630C !important;
font-style:bold !important;
color:#fff !important;
font-size:20px !important
}

    Thanks
    Mohammad

    April 13, 2015 at 8:51 am #164567
    espressoboetiek
    Member
    Post count: 29

    Thanks, it works!

    Is it also possible to change the button size?

  • Back to forum
    Posted in: Dante
Viewing 15 posts - 16 through 30 (of 37 total)
1 2 3

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