broken buttons (visual problem)

[lbdesign]

I think a recent theme update “broke” the buttons with icons. I’m attaching what they look like now. I see some comments in the forum about this but am not sure if there’s a fix for this?

These buttons are in a text box, so I’m using the shortcode. This is the code I used:

[sf_button colour="accent" type="sf-icon-stroke" size="large" link="http://www.spiritseries.org/plays/ballad-sitting-bull/parents-bsb/" target="_self" icon="ss-users" dropshadow="no" rounded="no" extraclass=""]FAMILIES[/sf_button]

I see that you added a “rounded=”no”” option to the generated button code, but whether I add that or not to the existing button code, they still look wrong. What can I do?
Thanks.

Here’s the page I took the screen grab from: http://www.spiritseries.org/plays/ballad-sitting-bull/

Attachments:

You must be logged in to view attached files.

[lbdesign]

It appears that buttons floating alone as solo page elements are OK, but buttons used as shortcodes in a text box are messed up. Does that help?

[Kyle – SUPPORT]

Hi

Add this to your custom css:

a.sf-button.large.sf-icon-stroke span.text {
  padding: 12px 20px 12px 66px!important;
}
a.sf-button.sf-button-has-icon.large > i {
  margin-left: 0;
}

– Kyle

[lbdesign]

Great! Thank you.

Will this be fixed in a future update, so I will be able to remove the custom CSS at some point? Or is it something unique to my site?

thanks again

[Kyle – SUPPORT]

I’ll pass the bug onto the developer

– Kyle

[lbdesign]

OK, thanks!

[Kyle – SUPPORT]

No problem