Current status of the Ning Platform is always available on the Ning Status Blog.

FORUM

NC for Hire

Hi all,

Here's an easy tip to take advantage again of CSS3 capabilities. With the nth-child(n) pseudo selector, you can customize your forum index or topic list by giving it an alternating background color effect.

Add this code to your Design Studio CSS box:

All Forum Index/Discussion List

.categories tbody tr:nth-child(odd) { background-color:#fff; }
.categories tbody tr:nth-child(even) { background-color:#e9eee8; }

 

Home page module forum list

.module_forum .vcard:nth-child(odd) { background-color:#fff; }
.module_forum .vcard:nth-child(even) { background-color:#e9eee8; }


More Options

Blog module list (contributed by Jane Noel)

.xg_blog .xg_module_body:nth-child(odd) { background-color:#fff; }
.xg_blog .xg_module_body:nth-child(even) { background-color:#e9eee8; }

Home page blog module list

.module_blog .vcard:nth-child(odd) { background-color:#fff; }
.module_blog .vcard:nth-child(even) { background-color:#e9eee8; }

 

Make sure to change the background color values that will match your theme or to any value you like. I have downloaded and applied this style to a local static html copy of this forum for a good sampling and demo/screenshot below. Similar to the 'Top This Week' box and pretty much straightforward on what the code will do.

The code also applies to featured discussions and group discussion list.

Add your own additional styles and enjoy!

You need to be a member of Ning Creators Social Network to add comments!

Join Ning Creators Social Network

Email me when people reply –

Replies

  • NC for Hire

    Very nice tip...thanks a lot. will this apply to Main page forum module too?

    • NC for Hire

      Hey Bernard, you're welcome. Yes, just updated it :-)

      cheers.

  • Excellent tip Ron!

  • This reply was deleted.
    • NC for Hire

      Hi Diane,

      I'm not sure but I think it will also work.

  • Great tip Ron. Thanks for sharing :)

This reply was deleted.

Announcements

 

Some interesting articles related to community management, digital marketing etc. could be found in our digest. Don't hesitate to leave a feedback so we would know that we should continue :-)

Latest Activity

kostasgr updated their profile photo
4 hours ago
kostasgr replied to Ana Massien's discussion
Other possible future modules?
"you want a lot...... //---just these ?????"
4 hours ago
⚡JFarrow⌁ posted a discussion
Last Week I showed you thisAnother Time Saver: Use Advanced Search for Creating Location ButtonsBut…
9 hours ago
Ana Massien liked Ana Massien's discussion Other possible future modules?
yesterday
Ana Massien posted discussions
yesterday
kostasgr replied to kostasgr's discussion
problem SSL .....
"OK !! thank..... Anastasia !!"
yesterday
Ana Massien posted a discussion
Any ETA on when ning may get @mentions #hashtags support or embedded emoji at the comment or newsfe…
yesterday
Ana Massien replied to Anastasia_Ning_Support's discussion
NING is now available on Zapier
"It's done in the area where you name the "Key". Name the key, and a secret and the network consumer…"
yesterday
Anastasia_Ning_Support is now friends with kostasgr and Ana Massien
yesterday
Anastasia_Ning_Support replied to Katja Nys's discussion
Paid Access and Paid Memberships - Pricing and VAT
"Hello Katja!
There is a fixed 5% fee for each transaction you process via E-com, and also transacti…"
yesterday
Ana Massien updated their profile
yesterday
Anastasia_Ning_Support replied to kostasgr's discussion
problem SSL .....
"You are welcome! 
Sorry once again for the temporary issues. "
yesterday
More…

Meanwhile, you can check our social media channels