Hey there, new poster trying to learn more about CSS every day. Great site Chris!
So in watching Chris’ tutorials on skinning a WP site, I really liked a lot of his standard CSS setup. Just a good starting point. So I copied some of that and am trying to make my own "scratch css file". So most of it is fine and I can change all the colors and what not. Just trying to figure out what I want to keep or lose.
Anyway, I was specifically trying to copy his .button css which didn’t seem overly complicated, but I’m just not getting it to work. And nevermind the round corners, I just can’t get the background image to load in the button at all. Any thoughts on why it’s not working?
Hmmm. Well, I’m kinda dumb, so bear with me, but this is what I have in my css file. It should at least be enough to put the frame around the button and give it a background, right? Please be patient with me. Sometimes I think I’ve got some of this CSS down and then I run into the smallest thing that gives me a headache. :? :oops:
I just did some more digging and here’s what I found… This is what I first had in the CSS file…
But the area that I’ve called "Elements" was not showing up in firebug as if it hadn’t uploaded at all. I cut that piece out and placed it between the Structure and Text sections and it worked all of a sudden. So I’m guessing there was an order issue with the CSS. I must have had something after something it should have been before. (Boy does that sound confusing.)
I’ll keep working on this. At least I’m getting rounded corner elements and the button has a background now.