Forums

CSS Reset * {margin:0px; padding:0px} screws with interface

Permalink 1 user found helpful
What's the best way to do a CSS Reset so that it doesn't interfere with the Admin panels? Also, what sorts of elements should we avoid styling in our theme's style.css?

I've noticed the text on buttons changes and the styles menu in the WYSIWYG editor is all shifted and weird.

Everything is still workable, but it looks buggy as hell to give to a client this way, so I'd like to avoid styling anything C5 needs for its admin theme.

Thanks!
 
Tony replied on at Permalink Reply
Tony
what if you do something like:
p,ul,li,table,td,tr,h1,h2,h3,h4,h5,div {padding:0px; margin:0px; }
i try to stay away from ever using *{}, cause it just seems to greedy. as far as the styles conflicting with concrete, you're better off trying to limit the scope of your styles. So if you've got a #page div that wraps all your content, maybe include that in your CSS rules. concrete could probably be a bit more explicit in some of it's styles too, so it doesn't inherit the page defaults.
zoinks replied on at Permalink Reply
^ That's good advice. If what you said does the trick, then I'm a happy man. Thanks!
zoinks replied on at Permalink Reply
That fixed most everything, but the Discard Changes, Preview and Save Changes buttons are still funny-looking. I used Firebug, but I can't tell what the problem is.