SweetButton border issue?

I’ve used SweetButton for some time (love the Google tracking feature) but only now I am attempting to put a border on a button. See attached pic to see how the bottom of border is clipped (top example). Note that the second button uses shading and it renders fine.

Does anyone else have this problem? Perhaps I’m doing something wrong? I’ve tried various settings but cannot get the bottom of the border to render. Pic is from RW preview but live on server looks the same.

This example is from the stack on a page by itself… (ie: no conflicts with other elements)

Heavy border for emphasis - bottom border on top button does not show. Only difference is that “shading” is clicked on bottom button.


cc: @joeworkman

Have you tried adding margin or padding to the bottom of the stack?

Thanks zeebe… I honestly thought I had tried that but I guess I didn’t as some padding on bottom fixed it. I wonder why the shaded version worked though with no padding?

Anyway… Thanks! I love the fact that the stack has Analytics Event tracking!

Here it is with padding.

Glad that helped. Can’t remember the reason why the shaded version works, Joe did explain it to me a few years ago.

This topic was automatically closed 6 days after the last reply. New replies are no longer allowed.