Docs

[thebudclub]

hi,

i am looking for the css so that all of my woocommerce buttons are either:

1) able to be customizable + customization of hover mode. i would just need the css of all the button id/classes that would need to be listed to edit the buttons. also please let me know where to place “hover:”, whether at the beginning or end of the classes/ids

2) match the selected button settings for x theme

http://www.thebudclub.ca
latest wp
latest x
latest cornerstone

thanks

[Nabeel A]

Hi there,

Thanks for writing in! Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.woocommerce .button {
    color: #fffafa;
    font-size: 120% text-align: center;
    vertical-align: 20%;
    background-color: darkgreen;
    background-image: linear-gradient(top, #6496c8, #346392);
    box-shadow: inset 0 0 0 1px #fffafa;
    border: none;
    border-radius: 5px;
    margin: 8px;
    line-height: 2em;
}
.woocommerce .button:hover {
    background: #26d5e8;
}

You can customize the above code as per your need. Let us know how this goes!

[thebudclub]

This reply has been marked as private.

[Christopher]

Hi there,

#1 Please provide us with login credentials, we don’t have access to products now.

#2 I’ve already answered you in your other thread, please check this https://community.theme.co/forums/topic/lining-up-product-title-description-price-on-shop-view-product-only/#post-1398940

Hope it helps.

[Author]

Posts