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 15 replies - 1 through 15 (of 18 total) 1 [2](https://wordpress.org/support/topic/button-styling-css-query/page/2/?output_format=md) [→](https://wordpress.org/support/topic/button-styling-css-query/page/2/?output_format=md) * Plugin Support [mbrsolution](https://wordpress.org/support/users/mbrsolution/) * (@mbrsolution) * [7 years, 11 months ago](https://wordpress.org/support/topic/button-styling-css-query/#post-10358668) * Hi, can you share your URL with the payment button. * Thank you * Thread Starter [swy2017](https://wordpress.org/support/users/swy2017/) * (@swy2017) * [7 years, 11 months ago](https://wordpress.org/support/topic/button-styling-css-query/#post-10362966) * Hi, see: simonwrightyoga.com/massage-payment-page/ * Plugin Support [mbrsolution](https://wordpress.org/support/users/mbrsolution/) * (@mbrsolution) * [7 years, 11 months ago](https://wordpress.org/support/topic/button-styling-css-query/#post-10363478) * Just one question, did you read the following [documentation](https://www.tipsandtricks-hq.com/customizing-the-payment-button-styles-of-the-stripe-payments-plugin-9071)? * Thank you * Thread Starter [swy2017](https://wordpress.org/support/users/swy2017/) * (@swy2017) * [7 years, 11 months ago](https://wordpress.org/support/topic/button-styling-css-query/#post-10363504) * Yes * Plugin Support [mbrsolution](https://wordpress.org/support/users/mbrsolution/) * (@mbrsolution) * [7 years, 11 months ago](https://wordpress.org/support/topic/button-styling-css-query/#post-10363539) * Just for testing purposes can you test one of WordPress default themes like Twenty Seventeen? I am just trying to see if it is your theme causing this issue. * Regards * Thread Starter [swy2017](https://wordpress.org/support/users/swy2017/) * (@swy2017) * [7 years, 11 months ago](https://wordpress.org/support/topic/button-styling-css-query/#post-10363570) * If it was the theme, wouldn’t I have the same issue with all my other buttons? The only buttons that are not displaying the correct font weight is the payment button. They are all pulling from the same css code that is added to the style sheet. It’s pulling button style, format, padding etc * Thanks * Plugin Support [mbrsolution](https://wordpress.org/support/users/mbrsolution/) * (@mbrsolution) * [7 years, 11 months ago](https://wordpress.org/support/topic/button-styling-css-query/#post-10363590) * Can you share the URL of one of the buttons that your custom CSS works. * Thank you * Thread Starter [swy2017](https://wordpress.org/support/users/swy2017/) * (@swy2017) * [7 years, 11 months ago](https://wordpress.org/support/topic/button-styling-css-query/#post-10363617) * You can view the CSS working with buttons created on the home page ‘book & view’&‘ pay for your…’ * Plugin Support [mbrsolution](https://wordpress.org/support/users/mbrsolution/) * (@mbrsolution) * [7 years, 11 months ago](https://wordpress.org/support/topic/button-styling-css-query/#post-10363728) * Hi, I found out why your custom CSS code is not working. The buttons in your site that are bold are using the following HTML tag `

`. And the buttons that your custom CSS code is not working is using the `` HTML tag. * Let me know if the above helps you. * Regards * Plugin Author [mra13](https://wordpress.org/support/users/mra13/) * (@mra13) * [7 years, 11 months ago](https://wordpress.org/support/topic/button-styling-css-query/#post-10363763) * This looks like a theme issue. Your theme’s CSS isn’t letting you do that. If you use the following CSS, you will see that the font-size will change fine ( meaning hte CSS is definitely targeting that element). * .mybtn2 { font-size: 24px; } * Your current theme has it’s own CSS that is preventing the “bold” from applying to the button text. If you switch to a default wordpress theme (just for testing), you will get a clear picture of what your custom CSS is doing (without any interference from the theme). * Thread Starter [swy2017](https://wordpress.org/support/users/swy2017/) * (@swy2017) * [7 years, 11 months ago](https://wordpress.org/support/topic/button-styling-css-query/#post-10366314) * Any suggestion on how to get round this? Have tried adding the CSS script on the pages with payment buttons on without any luck. Am assuming the CSS code on the link you provided will produce the same result. * Plugin Support [mbrsolution](https://wordpress.org/support/users/mbrsolution/) * (@mbrsolution) * [7 years, 11 months ago](https://wordpress.org/support/topic/button-styling-css-query/#post-10367944) * Hi, try the following code. Assuming that span is the HTML tag that wraps the text, as per my comment above. * ``` span.mybtn2 { font-size: 24px; } ``` * Or * ``` #span.mybtn2 { font-size: 24px; } ``` * If the above does not work, your best option is to speak to the theme developers about this issue. * Kind regards - This reply was modified 7 years, 11 months ago by [mbrsolution](https://wordpress.org/support/users/mbrsolution/). * Thread Starter [swy2017](https://wordpress.org/support/users/swy2017/) * (@swy2017) * [7 years, 11 months ago](https://wordpress.org/support/topic/button-styling-css-query/#post-10368081) * neither code worked but took part of your suggestion and upped the font size in my existing CSS code. If I find the cause & fix, i’ll let you know. * Thanks for looking having a try. * Kind regards, * Simon * Thread Starter [swy2017](https://wordpress.org/support/users/swy2017/) * (@swy2017) * [7 years, 11 months ago](https://wordpress.org/support/topic/button-styling-css-query/#post-10371636) * Just a follow on to the customisation of the payment button, is there any way of centring the ‘accept terms & conditions’? When viewed on desktop it is off centre but on mobile it centres perfectly. * Thanks! * Plugin Support [mbrsolution](https://wordpress.org/support/users/mbrsolution/) * (@mbrsolution) * [7 years, 11 months ago](https://wordpress.org/support/topic/button-styling-css-query/#post-10372327) * Hi, can you share the URL with the button. * Thank you Viewing 15 replies - 1 through 15 (of 18 total) 1 [2](https://wordpress.org/support/topic/button-styling-css-query/page/2/?output_format=md) [→](https://wordpress.org/support/topic/button-styling-css-query/page/2/?output_format=md) 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