Would like a horizontal line between article and heading

Hi There ,
In my site here http://amandawatson.com.au/ronin/materials.html  I would like a horizontal line to appear between the article and the article heading..
Like it appears in the demo here:
http://demo.rockettheme.com/?template=moxy

Can someone help me achieve this?
LVL 11
Amanda WatsonWeb DeveloperAsked:
Who is Participating?
 
rashgangConnect With a Mentor Commented:
Please

add the

.componentheading{
background:url("../images/body/light/body-div.png") repeat-x scroll 0 100%;

}
0
 
gamebitsCommented:
Use <hr> to draw the line and use css to style it (length, color, height, etc.)
0
 
Amanda WatsonWeb DeveloperAuthor Commented:
Thanks for that,
But I don't want to have to add this to each article.
It seems to be automatic in the template

Here I found it like this:

.article-rel-wrapper{border-top: 1px solid #000; padding-top:5px; padding-bottom:5px;}

But now I just need to add a the right shadow for it so it looks like the demo?

Any ideas?
0
 
hieloCommented:
try:
h2{border-bottom:1px solid #000;}
0
 
Amanda WatsonWeb DeveloperAuthor Commented:
Yep I had to add the image thanks rashgang
0
All Courses

From novice to tech pro — start learning today.