Title: border button color problem
Last modified: May 23, 2021

---

# border button color problem

 *  [freddyee](https://wordpress.org/support/users/freddyee/)
 * (@freddyee)
 * [5 years ago](https://wordpress.org/support/topic/border-button-color-problem/)
 * Hi
    This buttons, in the product page and cart page, for recommended products
   don’t have borders, I don’t know why, because I set that. Right now it looks 
   like this: [https://snipboard.io/rz5fi4.jpg](https://snipboard.io/rz5fi4.jpg)
 * I want it to look like this buttons in the homepage :
    [https://snipboard.io/WDQXf1.jpg](https://snipboard.io/WDQXf1.jpg)
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fborder-button-color-problem%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 3 replies - 1 through 3 (of 3 total)

 *  [mchildress](https://wordpress.org/support/users/mchildress/)
 * (@mchildress)
 * [5 years ago](https://wordpress.org/support/topic/border-button-color-problem/#post-14472991)
 * Hi [@freddyee](https://wordpress.org/support/users/freddyee/)
 * One approach you could try it to place some custom css. You could navigate to
   Appearance > Customize > Additional CSS and paste in the following style and 
   adjust to your needs.
 *     ```
       .woocommerce ul.products.woo-archive-btn-button .button {
           border: 4px double #222222 !important;
       }
       ```
   
 *  Thread Starter [freddyee](https://wordpress.org/support/users/freddyee/)
 * (@freddyee)
 * [5 years ago](https://wordpress.org/support/topic/border-button-color-problem/#post-14473034)
 * perfect !
    thank you very much, one more thing please, how to change the border
   color to white in hover ?
 *  [mchildress](https://wordpress.org/support/users/mchildress/)
 * (@mchildress)
 * [5 years ago](https://wordpress.org/support/topic/border-button-color-problem/#post-14473167)
 * Maybe try adding the following in the same area:
 *     ```
       .woocommerce ul.products.woo-archive-btn-button .button:hover {
           border: 4px double #ffffff !important;
       }
       ```
   

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘border button color problem’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/kadence/1.5.0/screenshot.png)
 * Kadence
 * [Support Threads](https://wordpress.org/support/theme/kadence/)
 * [Active Topics](https://wordpress.org/support/theme/kadence/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/kadence/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/kadence/reviews/)

 * 3 replies
 * 2 participants
 * Last reply from: [mchildress](https://wordpress.org/support/users/mchildress/)
 * Last activity: [5 years ago](https://wordpress.org/support/topic/border-button-color-problem/#post-14473167)
 * Status: not resolved