Title: Custom CSS for button
Last modified: January 16, 2024

---

# Custom CSS for button

 *  Resolved [fg123](https://wordpress.org/support/users/fg123/)
 * (@fg123)
 * [2 years, 4 months ago](https://wordpress.org/support/topic/custom-css-for-button/)
 * How can I add custom formatting to 1) make the button larger, 2) Adjust the button
   font size, and 3) center the button below the text? I’ve tried plugging in suggestions
   I find on Google to custom CSS under the below code, but nothing changes.
 * /* To modify the button styling */
   #wpfront-notification-bar div.wpfront-button{}
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcustom-css-for-button%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Plugin Support [Swathi S](https://wordpress.org/support/users/swathiswpfront/)
 * (@swathiswpfront)
 * [2 years, 4 months ago](https://wordpress.org/support/topic/custom-css-for-button/#post-17352969)
 * Hello [@fg123](https://wordpress.org/support/users/fg123/),
 * Please go through the below CSS
 * 1) Make the button larger `#wpfront-notification-bar a.wpfront-button{font-size:
   30px;}`
 * 2) Adjust the button font size `#wpfront-notification-bar a.wpfront-button{padding:
   10px 10px;}`
 * 3) Center the button below the text
 * Please enable the ‘Set Maximum Width for Message’ Option on the Settings Page.
 * I hope this helps!
 * Thanks!
    -  This reply was modified 2 years, 4 months ago by [Swathi S](https://wordpress.org/support/users/swathiswpfront/).
 *  Thread Starter [fg123](https://wordpress.org/support/users/fg123/)
 * (@fg123)
 * [2 years, 4 months ago](https://wordpress.org/support/topic/custom-css-for-button/#post-17355200)
 * That all worked, and then I was able to refine the numbers – thank you so much!

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

The topic ‘Custom CSS for button’ is closed to new replies.

 * ![](https://ps.w.org/wpfront-notification-bar/assets/icon.svg?rev=1672432)
 * [WPFront Notification Bar](https://wordpress.org/plugins/wpfront-notification-bar/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wpfront-notification-bar/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wpfront-notification-bar/)
 * [Active Topics](https://wordpress.org/support/plugin/wpfront-notification-bar/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wpfront-notification-bar/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wpfront-notification-bar/reviews/)

## Tags

 * [button](https://wordpress.org/support/topic-tag/button/)
 * [custom](https://wordpress.org/support/topic-tag/custom/)
 * [size](https://wordpress.org/support/topic-tag/size/)

 * 2 replies
 * 2 participants
 * Last reply from: [fg123](https://wordpress.org/support/users/fg123/)
 * Last activity: [2 years, 4 months ago](https://wordpress.org/support/topic/custom-css-for-button/#post-17355200)
 * Status: resolved