Dirty Butter Posted June 21, 2015 Share Posted June 21, 2015 Is there any way to change all buttons in Foundation to rounded, without having to edit every file with a button individually? I'm not even sure I would like it, but would love to try it and be able to easily revert if I don't like it. Quote Link to comment Share on other sites More sharing options...
bsmither Posted June 21, 2015 Share Posted June 21, 2015 In your cubecart.default.css file, add this rule:button, .button { border-radius: 10px!important; }The !important is important so that any other thing with a button class, such as input[type="submit"], will have this style instead of the style that would otherwise override it. Quote Link to comment Share on other sites More sharing options...
Dirty Butter Posted June 21, 2015 Author Share Posted June 21, 2015 Thank you! Interesting results, which I'm sure would vary depending on individual tastes. But I wasn't pleased with it until I set the radius to either 5 for a slight rounding or 30px for a pill capsule look. I would still want to edit the search button and any others that should butt right up against something else, like the search box. But a WHOLE lot easier to do than changing the class on each button!! Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.