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

FORUM

NC for Hire

This is super easy CSS to help make your Home Page Forum module stand out. The point is: Make one special module stand out from the rest.

 

Instructions:

  • Edit CSS below, changing background color to your preferred color. The example color looks great on a white home page, and has that WordPress look.
  • Add CSS to your Advanced CSS via My Network/Settings/Appearance/Advanced.
  • Done.

CSS Code:

/* Make Your Forum Module Stand Out with Polished Look - Home Page */
.xg_widget_main .module_forum {
background: none repeat scroll 0 0 #F0F7FF!important; padding:15px; border:1px solid #e6e6e6;
}

Another nice alternative on colors:

.xg_widget_main .module_forum {
background: none repeat scroll 0 0 #D5E8F5!important; padding:15px; border:1px solid #dadada;
}

 

Enjoy,

Jen

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

  • sweet little tip, Jen, I ,ay play with this a bit, thx for sharing!

    • NC for Hire

      Really it's nothing to call home about. =) But I decided it would be nice to share a tip with Ning Network Creators new to the platform.

      Hope you can use it,

      Jen

  • Jen, you always know the right things to help me take my network even further. Thanks so much.
    • NC for Hire

      Cool Illya, happy to hear it.

      Best,

      Jen

  • Is there a sample we can see or do we need to apply it to see what it looks like?

    • NC for Hire

      Hi Naomi,

      It's nothing elaborate at all, just adding a background color, subtle border, and padding to your forum module. It is the area behind the white in example below. Here's a screen shot:

      1064543559.jpegBest Regards,

      Jen

  • Dear Jen

    It does not work when we put Blogs and Foruns side by side right ?

    Thanks

    Calico

    • NC for Hire

      Hi Calico,

      It should work fine. For Blogs, use:

      .module_blog

      Best,

      Jen

  • Jen, 

    I absolutely love this tip. I have tried to change the CSS up a bit to add this around a text module on my home page. The tip works for text modules, but unfortunately I can't limit it to just one text module. It adds the look to all of them. I have one text module in the main column and one in the right column. I want the one in the right column to have this look. Any thoughts? 

    Many thanks, 


    Robert

    • NC for Hire

      Hi Robert,

      Since the text modules all have the same class names, it's almost impossible to apply to one. However, since you have one text module in right column, you may be able to do it this way:

      Old Ning Editor/Themes:

      .xg_widget_main .xj_classic_sidebar .module_text {
      background: none repeat scroll 0 0 #D5E8F5!important; padding:15px; border:1px solid #dadada;
      }


      New Design Studio:

      .xg_widget_main .xj_sidebar_content .module_text {
      background: none repeat scroll 0 0 #D5E8F5!important; padding:15px; border:1px solid #dadada;
      }

       

      For all pages, remove .xg_widget_main

      Best,

      Jen

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