hr tag repeating

[lauchlen]

Hello everyone,

I'm having a little bit of a problem with the horizontal rule (hr) in entries. Specifically, it shows up where I add the hr tag, but then it repeats twice at the bottom of the entry (below the tags and comment boxes). I've tried closing the tag, but that doesn't work - probably because hr doesn't need a close.

I've styled the hr in my css as follows:


hr{
border: 0;
width: 90%;
height: 1px;
margin-top:15px;
margin-bottom:0px;
background: #1f150e;
background-image: -webkit-linear-gradient(left, #e4c295, #1f150e, #e4c295);
background-image: -moz-linear-gradient(left, #e4c295, #1f150e, #e4c295);
background-image: -ms-linear-gradient(left, #e4c295, #1f150e, #e4c295);
background-image: -o-linear-gradient(left, #e4c295, #1f150e, #e4c295);
}

Is there something missing in my code? Something I need to add?

I've tried googling for a solution to the problem to no avail. Everything is about how to turn a repeating image into an hr.

Thanks in advance for any help!

ETA: The entry/journal having issues is here.

(The bulk of the css for my hr rule is from here.)

Comments

[afuna]

The two hr elements you're seeing at the bottom are available from the original layout. What I suggest is to style only the hr in your entry content by changing the selector hr to .entry-content hr.

Then if you want to do anything with the two hrs in the bottom, try: .entry .footer hr { /* your desired styling */ }

[lauchlen]

Thank you so much! That worked like a charm.

[afuna]

You're very welcome!