Title: button irregularities
Last modified: August 30, 2016

---

# button irregularities

 *  Resolved [danielriera1](https://wordpress.org/support/users/danielriera1/)
 * (@danielriera1)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/button-irregularities/)
 * Hello,
 * I am trying to make the “Make an Offer” button look identical to my “Add to Cart”
   button. Unfortunately i have had no success, but i’m somewhat close. I added 
   this code to my custom CSS and the button looks the same now, but the
 * -Text Font/size is different
    -Button does not change color upon hovering.
 * Is there anyway that the plugin can use the button style provided by my theme
   that is the same as the “Add to Cart” button. Thanks for your help.
 * This is the code that i have use thus far:
    #main-wrapper .single_add_to_cart_button,.
   offers-for-woocommerce-make-offer-button-single-product.button { background: #
   323436!important; height: 40px; line-height: 40px; padding: 0 25px; text-shadow:
   none; box-shadow: none; border: 0; font-size: 12px; letter-spacing: 1.5px; font-
   family: inherit; text-transform: uppercase; }
 * Any assistance that you can provide would be greatly appreciated.
    Website Link:
   [http://www.rierareptiles.com/product/leo-leo-copy/](http://www.rierareptiles.com/product/leo-leo-copy/)
 * [https://wordpress.org/plugins/offers-for-woocommerce/](https://wordpress.org/plugins/offers-for-woocommerce/)

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

 *  Plugin Contributor [angelleye](https://wordpress.org/support/users/angelleye/)
 * (@angelleye)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/button-irregularities/#post-6383568)
 * In the themes we’ve tested with the offer button does follow the general theme
   button style by default.
 * From what I can tell you’ve pretty much got this matching already..?? Looks like
   changing the font-size to 11px makes it match the button a little better.
 *  Plugin Contributor [angelleye](https://wordpress.org/support/users/angelleye/)
 * (@angelleye)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/button-irregularities/#post-6383570)
 * Ah, I just noticed you had mentioned the orange color on mouseover. I’m guessing
   there could be some sort of jQuery going on there because I’m not seeing anything
   with a quick review of the CSS.
 * We could figure it out for you, but this would be something that would require
   a [premium support order](https://www.angelleye.com/product/premium-support/).
 *  [kcwebmedia](https://wordpress.org/support/users/kcwebmedia/)
 * (@kcwebmedia)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/button-irregularities/#post-6383577)
 * [@danielriera1](https://wordpress.org/support/users/danielriera1/)
 * 1. The CSS you have here has !important on it, so it is preventing the onHover
   color style; So take that out. And you used #main-wrapper on the .single_add_to_cart_button
   you used #main-wrapper, but you did not on the second part of it, so that is 
   not quite correct.
 * This is not correct:
 *     ```
       #main-wrapper .single_add_to_cart_button,
       .offers-for-woocommerce-make-offer-button-single-product.button {
           background: #323436 none repeat scroll 0% 0% !important;
       }
       ```
   
 * 2. The proper CSS to have to override the background color would be to either
   set the .button.alt css for woocommerce css, OR here is a line to add to your
   theme’s CSS:
 * Please try this:
 *     ```
       #main-wrapper .offers-for-woocommerce-add-to-cart-wrap.ofwc-button-right-of-add-to-cart .offers-for-woocommerce-make-offer-button-single-product { background: #323436; }
       ```
   
 * If you plan to display the Make Offer button on archive views like the shop page
   loop or related products, then you’ll need to override in the same way — Make
   sure you include the #main-wrapper on the style override and do not include !
   important.
 * Let us know if that worked for you, good luck!
 *  Plugin Contributor [angelleye](https://wordpress.org/support/users/angelleye/)
 * (@angelleye)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/button-irregularities/#post-6383579)
 * Thanks for stepping in and helping [@kcwebmedia](https://wordpress.org/support/users/kcwebmedia/)!
 * [@danielriera1](https://wordpress.org/support/users/danielriera1/), I’m going
   to mark this resolved, but let me know if you have any other questions or problems
   getting that working.
 *  [kcwebmedia](https://wordpress.org/support/users/kcwebmedia/)
 * (@kcwebmedia)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/button-irregularities/#post-6383581)
 * [@danielriera1](https://wordpress.org/support/users/danielriera1/)
 * I failed to give you answer on the font size and height. Use this CSS:
 *     ```
       #main-wrapper .offers-for-woocommerce-add-to-cart-wrap.ofwc-button-right-of-add-to-cart .offers-for-woocommerce-make-offer-button-single-product {
       	background: #323436;
       	height: 40px;
       	line-height: 40px;
       	padding: 0 25px;
       	font-size: 12px;
       	letter-spacing: 1.5px;
       	font-size:12px;
       }
       ```
   
 * Good luck!
 *  Thread Starter [danielriera1](https://wordpress.org/support/users/danielriera1/)
 * (@danielriera1)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/button-irregularities/#post-6383582)
 * Kcwebmedia, by any chance you are for hire? lol
 * After a couple days on several forums I finally found someone that could fix 
   the issue at hand! Thank you so very much. I took out the duplicate font-size
   and added “Text-Transform” now its perfect!
 * Thank you again!
    Daniel Riera
 * Final CSS code that did the trick:
    #main-wrapper .offers-for-woocommerce-add-
   to-cart-wrap.ofwc-button-right-of-add-to-cart .offers-for-woocommerce-make-offer-
   button-single-product { background: #323436; height: 40px; line-height: 40px;
   padding: 0 25px; font-size: 12px; letter-spacing: 1.5px; text-transform: uppercase;}

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

The topic ‘button irregularities’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/offers-for-woocommerce_edefee.svg)
 * [Offers for WooCommerce](https://wordpress.org/plugins/offers-for-woocommerce/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/offers-for-woocommerce/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/offers-for-woocommerce/)
 * [Active Topics](https://wordpress.org/support/plugin/offers-for-woocommerce/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/offers-for-woocommerce/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/offers-for-woocommerce/reviews/)

 * 6 replies
 * 3 participants
 * Last reply from: [danielriera1](https://wordpress.org/support/users/danielriera1/)
 * Last activity: [10 years, 10 months ago](https://wordpress.org/support/topic/button-irregularities/#post-6383582)
 * Status: resolved