Border Around Button

  • Resolved theorganisedhousewife

    (@theorganisedhousewife)


    5 years, 4 months ago

    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/” 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 to see the link]

Viewing 1 replies (of 1 total)
  • hastibe

    (@hastibe)

    5 years, 4 months ago

    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.

Tags