Formatting the h2 header

Guys, I can’t -- for the life of me -- figure out why I can’t format the inside h2 header with a top-border. Is this something ModX can’t do for some reason?

A similar look I’m going for can be seen here: http://www.subtraction.com/ (Check out the line on top of About Me, for example)

My demo site is live here: http://demo.indydc.com

The code I’m using is as follows:

#right-inner h2 {
font-size: 16px;
text-transform:uppercase;
border-top:2px #000;
padding-top:10px;
}

MODx doesn’t place any restrictions at all on your output. It’s 100% in your control. When you run into situations like this, I find troubleshooting with Firefox and Firebug invaluable. This tells me that your actual styles being used on that selector are as follows:



The code above tells me that you explicitly set the top-boarder to be none, which mirrors your output. You might try changing that to:


(moving to the appropriate topic)

I’ve done that a time or two myself... forget to specify which type of border, and it defaults to "none" and doesn’t work. Very frustrating!