Shop Categories

X

Reply To: WooCommerce single product “ADD TO CART” BUTTON colors

Home Forums Agama Pro WooCommerce single product “ADD TO CART” BUTTON colors Reply To: WooCommerce single product “ADD TO CART” BUTTON colors

#24781
Zex
Moderator

Hello, Ghost!

1. To change the Button background color on hovering, add the following codes additionally:

.wc-proceed-to-checkout .checkout-button:hover,
.single_add_to_cart_button:hover{
    background: #074b88!important;  
}

button.wpforms-submit:hover{
    background: #074b88!important;
    color:white!important;
}

2. To keep the list of subcategories open, add the following codes:

.product-categories .cat-has-children ul{
    display:block!important;   
}
#secondary .cat-item .children{
    border-bottom:none!important;
}

3.
To mark the currently active subcategory and modify the font, add the following codes:

#secondary .cat-item .children .current-cat{
    background-color:#074b88!important;
  
}
#secondary .cat-item .children .current-cat  a{
    color:#FFF!important;
    font-family: Raleway!important;
    font-size: 14px!important;
}

Change the color codes as you wish.

5. I see you already found the way to change the shop-sidebar side.

6. We plan to add the breadcrumb to the woocommerce pages on some of the next updates (it’s already on our TO-DO list).

7. To modify the Sidebar main category and subcategory fonts, use the next codes:

/*Sidebar Header*/
 #secondary .widget a {
    font-family: Raleway!important;
    font-size: 18px!important;
     color: #DD3333!important;}

/*Sidebar Subcategory*/
#secondary .cat-item .children a{
    font-family: Raleway!important;
    font-size: 14px!important;
    color:#074b88!important;}

As for the sidebar opening issue (not showing the main category), I will contact our head developer to check that.

If he finds that there is something needs to change, we’ll do it in one of the following updates.

Regards