Colour a hr tag

[paul_hutton]

Need a little help with a hr tag, I have tried to colour the background but I can't seem to find the right code can anyone help?

 

[Paul Murray]

I believe it takes it's colour from the 'color' tag.


hr {
color:#000;
}

You can also use the background color tag too

hr {
background-color:#000;
}

If it's not changing color it may be inheriting it's color from the somewhere else. Adding !important before the semi colon should override it.

hr {
color:#000!important;
}

 

[paul_hutton]

What a boob I didn't think of looking in the current CSS, cheers for that I will have a look and see what's what. thanks for the quick response

 

[Corrosive]

Actually, color will change the text color only. You want to use background-color for that. Also 'color' isn't a tag it is a CSS attribute. It is important not to confuse matters. Tags are HTML.

Sorry to be a nerd :icon_wink:

 

[Paul Murray]

You know what I mean :icon_smile:

 

[paul_hutton]

You know what I mean :icon_smile:

I knew what you were saying, got that all sorted now thank you, I didn't realise someone had already specified a colour for hr in the css.

 

[Edge]

Adding !important before the semi colon should override it.

hr {
color:#000!important;
}

Aside: It's usually better to make your css selector's more specific than use !important as it get's to be a bad habit. I'd only use it when overwriting an inline style that some plugin javascript has chucked in.

 

[paul_hutton]

I don't want to be over writing anything especially when the code is already there, I want to keep everything as simple and as neat as possible