Title: Button Styling CSS Query
Last modified: June 3, 2018

---

# Button Styling CSS Query

 *  Resolved [swy2017](https://wordpress.org/support/users/swy2017/)
 * (@swy2017)
 * [7 years, 11 months ago](https://wordpress.org/support/topic/button-styling-css-query/)
 * Hi, the text on the payment button won’t change to bold, the css code I am using
   works with all my other buttons. Please could you help me to change the text 
   to bold or weight 900. This is the CSS custom code I am using:
 * .mybtn2 {
    font-weight: bold; }
 * Have also tried:
 * .mybtn2 {
    font-weight: 900; }

Viewing 3 replies - 16 through 18 (of 18 total)

[←](https://wordpress.org/support/topic/button-styling-css-query/?output_format=md)
[1](https://wordpress.org/support/topic/button-styling-css-query/?output_format=md)
2

 *  Plugin Contributor [Alexander C.](https://wordpress.org/support/users/alexanderfoxc/)
 * (@alexanderfoxc)
 * [7 years, 11 months ago](https://wordpress.org/support/topic/button-styling-css-query/page/2/#post-10372387)
 * Hi Simon.
 * To center terms and conditions, you need to add following CSS code to you theme’s
   style.css:
 *     ```
       div.asp_product_tos_input_container {
       text-align:center;
       }
       ```
   
 * Correct code to make all payment buttons text bold is this:
 *     ```
       div.asp_product_buy_button button span {
       font-weight: bold;
       }
       ```
   
 * You can also make your button’s width not to be 100% as it looks kinda weird 
   in my opinion. In order to make them normal width but centered, following code
   should be added to page:
 *     ```
           div.asp_product_buy_button {
               text-align: center;
           }
           div.asp_product_buy_button button {
               width: auto;
           }
       ```
   
 * This is just basic CSS coding, so your webdev can do that for you within like
   5 mins 😉 Since there is a bunch of various themes, we can’t make the buttons
   look the same on every site. So some tweaks required on per-site basis anyway.
 *  Thread Starter [swy2017](https://wordpress.org/support/users/swy2017/)
 * (@swy2017)
 * [7 years, 11 months ago](https://wordpress.org/support/topic/button-styling-css-query/page/2/#post-10374999)
 * Alexander, thank you for the above code! It has worked perfectly and I have amended
   the buttons across the site. I’m doing as much on the site on my own so really
   appreciate the support you have given.
    Kind regards Simon
 *  Plugin Contributor [Alexander C.](https://wordpress.org/support/users/alexanderfoxc/)
 * (@alexanderfoxc)
 * [7 years, 11 months ago](https://wordpress.org/support/topic/button-styling-css-query/page/2/#post-10375014)
 * No problem! 🙂 Let us know if we can assist any further.

Viewing 3 replies - 16 through 18 (of 18 total)

[←](https://wordpress.org/support/topic/button-styling-css-query/?output_format=md)
[1](https://wordpress.org/support/topic/button-styling-css-query/?output_format=md)
2

The topic ‘Button Styling CSS Query’ is closed to new replies.

 * ![](https://ps.w.org/stripe-payments/assets/icon-128x128.png?rev=2705524)
 * [Accept Stripe Payments](https://wordpress.org/plugins/stripe-payments/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/stripe-payments/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/stripe-payments/)
 * [Active Topics](https://wordpress.org/support/plugin/stripe-payments/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/stripe-payments/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/stripe-payments/reviews/)

 * 18 replies
 * 4 participants
 * Last reply from: [Alexander C.](https://wordpress.org/support/users/alexanderfoxc/)
 * Last activity: [7 years, 11 months ago](https://wordpress.org/support/topic/button-styling-css-query/page/2/#post-10375014)
 * Status: resolved