Possibility to change news header color.

[enriel]

Like topic says, how is it possible to change news header color. What I mean is:



Where the box is, can it be for example blue? look here:

Helgaot.com

check their news, how is it possible to have it like that? So there is a box under the text for news header.

 

[Artiniix]

It's somewhere in the layout.php or config, i'm not at home atm so I can't check it:S

 

[enriel]

It's somewhere in the layout.php or config, i'm not at home atm so I can't check it:S

I doubt, I was told it's something in latestnews.php with newline header

 

[Rexxar]

It's probably in the CSS.

A div with the class "NewsHeadlineBackground".

Just change it to

background-image: url(layouts/new/images/news/newsheadline_background.gif);

or something.
That's at least what helgaots uses.

 

[enriel]

so if it's like this:

.Content #FeaturedArticle .NewsHeadlineBackground {
position: relative;
height: 28px;
margin-bottom: 5px;
background-repeat: repeat-x;
border-left: 1px solid #d0cdb4;
border-right: 1px solid #d0cdb4;
}

I'll change it so it's like this:

.Content #FeaturedArticle .background-image: url(layouts/new/images/news/newsheadline_background.gif);{
position: relative;
height: 28px;
margin-bottom: 5px;
background-repeat: repeat-x;
border-left: 1px solid #d0cdb4;
border-right: 1px solid #d0cdb4;
}

or i'm doing it wrong?

 

[enriel]

anyone that can confirm it? because I've tried changing but nothing changes o,o btw, got image in news..

 

[enriel]

come on... anyone ? need it bad ;s

 

[Rexxar]

You're doing it wrong.

That's what helgaot is using, make your own with the same dimensions and image-type, with the colors/look that you want.

save it in --

/layouts/new/images/news/newsheadline_background.gif

goto the CSS and change to

.Content #FeaturedArticle .NewsHeadlineBackground {
background-image: url(layouts/new/images/news/newsheadline_background.gif);
position: relative;
height: 28px;
margin-bottom: 5px;
background-repeat: repeat-x;
border-left: 1px solid #d0cdb4;
border-right: 1px solid #d0cdb4;
}

Done.