Title: Border Around Button
Last modified: January 21, 2021

---

# Border Around Button

 *  Resolved [theorganisedhousewife](https://wordpress.org/support/users/theorganisedhousewife/)
 * (@theorganisedhousewife)
 * [5 years, 4 months ago](https://wordpress.org/support/topic/border-around-button/)
 * Hi there, I have created a ghost button, but I would like a black border around
   the button. How do I do this?
 * [su_button url=”[https://organisedhq.com.au/product/lunch-box-recipes-cookbook/&#8221](https://organisedhq.com.au/product/lunch-box-recipes-cookbook/&#8221);
   target=”blank” style=”ghost” background=”#FFFFFF” color=”#000000″ size=”7″ wide
   =”yes” center=”yes” radius=”0″ icon=”icon: cart-plus” icon_color=”#000000″]GET
   YOUR COPY OF MY LUNCH BOX RECIPE COOKBOOK HERE[/su_button]
 * Thank you.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fborder-around-button%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  [hastibe](https://wordpress.org/support/users/hastibe/)
 * (@hastibe)
 * [5 years, 4 months ago](https://wordpress.org/support/topic/border-around-button/#post-13989731)
 * It looks like something (maybe your theme?) is overriding the default button 
   border to make it white (i.e. invisible against your white page). Adding a custom
   class to your button shortcode (let’s say `class="custom-border"`), and then 
   adding the following to the Additional CSS section of your site (in Appearance
   > Customize via your WordPress admin panel) should add a black border to the 
   button:
 * `.custom-border { border-color: #000000 }`
 * Let me know if that works!

Viewing 1 replies (of 1 total)

The topic ‘Border Around Button’ is closed to new replies.

 * ![](https://ps.w.org/shortcodes-ultimate/assets/icon-256x256.gif?rev=2547563)
 * [Shortcodes Ultimate - Content Elements](https://wordpress.org/plugins/shortcodes-ultimate/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/shortcodes-ultimate/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/shortcodes-ultimate/)
 * [Active Topics](https://wordpress.org/support/plugin/shortcodes-ultimate/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/shortcodes-ultimate/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/shortcodes-ultimate/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)

 * 1 reply
 * 2 participants
 * Last reply from: [hastibe](https://wordpress.org/support/users/hastibe/)
 * Last activity: [5 years, 4 months ago](https://wordpress.org/support/topic/border-around-button/#post-13989731)
 * Status: resolved