News Feed Editing

[My Display Name]

hello,

How would I edit the background color of the news feed? I looked in the visual editor but couldn't find anything. I know "Navigation Tree Container" changed the Participated, Navigation Tree, and News Feed. But I want the news feed to be a different color.

Any way to do this?

[M³]

I would love to know this as well. Tried sifting through the many many possibilities .. although, I've come up short each time.

[skysummit]

Same here...also how to increase the font of the news feed.

[MC]

On top of all that, I'd like to know if it's possible to make the News Feed section bigger...

[M³]

Does anyone know how to go about this? I would give up on the text link color change idea .. if we could change the bg instead. *Prays*

[Pebble]

Try this:


<style>
#news { // the news container
 height:30px;
 background-color: #ff4422;
}
.items div div{ //The font size of your messages
 font-size: 20px;
}.title{ // font size of 'news
 font-size:large;
}
</style>
Add some other CSS to this to get what you want.
Goes in your Main Header.

[My Display Name]

Jan 19, 2013 16:34:53 GMT -8 Pebble said:

Try this:


<style>
#news { // the news container
 height:30px;
 background-color: #ff4422;
}
.items div div{ //The font size of your messages
 font-size: 20px;
}.title{ // font size of 'news
 font-size:large;
}
</style>
Add some other CSS to this to get what you want.
Goes in your Main Header.

Hmm .. tried that once, but it worked this time.

Thanks.

[MC]

Any idea how I can make the «News» title bold?  I looked for a way to do it with CSS (I'm a newbie on that...) but couldn't figure it out... 

[Pebble]

Jan 21, 2013 10:41:49 GMT -8 MC said:

Any idea how I can make the «News» title bold?  I looked for a way to do it with CSS (I'm a newbie on that...) but couldn't figure it out... 

try adding :

font-weight:bold;

to the CSS.

[MC]

Jan 21, 2013 12:28:59 GMT -8 Pebble said:

Jan 21, 2013 10:41:49 GMT -8 MC said:

Any idea how I can make the «News» title bold?  I looked for a way to do it with CSS (I'm a newbie on that...) but couldn't figure it out... 

try adding :

font-weight:bold;

to the CSS.

Tried that but I don't see a difference...

[h4mmy]

I did this:

<style>

#news { // the news container

 height:30px;

 background-color: #c93521;

}

.items div div{ //The font size of your messages

 font-size: 20px;

 font-weight:bold;

 color:#DCDCDC;

}

.title{ // font size of 'news

 font-size:large;

 font-weight:bold;

}

</style>

Which gave me this... Bold news and I changed the colour of the text:

[aRMY83]

Jan 30, 2013 15:31:03 GMT -8 h4mmy said:

I did this:

<style>

#news { // the news container

 height:30px;

 background-color: #c93521;

}

.items div div{ //The font size of your messages

 font-size: 20px;

 font-weight:bold;

 color:#DCDCDC;

}

.title{ // font size of 'news

 font-size:large;

 font-weight:bold;

}

</style>

Which gave me this... Bold news and I changed the colour of the text:

Hello h4mmy...

Now this is nice and a keeper on my end.

[h4mmy]

Welcome Sir

[Tim Camara]

For the record, in V5, the common practice is to keep all your CSS together in one place, in Admin Area -> Themes -> Colors & Styles -> Style Sheet. You can paste in exactly the same code, only this time without the <style> tags wrapping it.

[h4mmy]

Ah right....thanks Tim.

Big learning curve this new V5