Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS [Solved] Button Styling Woes Reply To: [Solved] Button Styling Woes

#186241
Paulie_D
Member

You have a shipload of conflicting and overriding CSS declarations in there.

Multiple paddings / border-radius/ width/height etc….then you repeat half of it in the active / hover pseudo-classes

Trim it down until you have the basics down on the original button…then change only the properties that need to be changed for each pseudo class.

BTW when using a button text is automatically centered horizontally and vertically.

I’ve cleaned as much as I can so it’s possible I have stripped out something you actually wanted but some of it seemed a little odd.

http://codepen.io/Paulie-D/pen/sHwdm