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

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

Votes: 0
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:

      3227908?profile=originalBest 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.
 

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

APOSTLE TEYSHANA WILEY liked Ning Support's discussion New feature added into Group Permissions
3 hours ago
Lady updated their profile photo
yesterday
bryant tutas posted a discussion
Cant figure out how to add playlists. All my loaded songs are in the same list and I don't see an …
Tuesday
Angie Breidenbach updated their profile
Monday
Ning Support posted a discussion
 
We’ve expanded Group Admin capabilities with a new permission: Delete Comments
Where to find it…
Sunday
kostasgr liked Alex - Rosas † Negras's discussion I managed to add group video calling, if anyone is interested I will post the codes
Jul 8
Steve C replied to ⚡JFarrow⌁'s discussion
What is going on with Ning? What Do We have to Look Forward To?
"Ning is based in California but operations are in Kyiv, Ukraine. Due to the war, operations may…"
Jul 6
Alex - Rosas † Negras replied to Alex - Rosas † Negras's discussion
I managed to add group video calling, if anyone is interested I will post the codes
"⚡JFarrow⌁  
I'm working on the stories and I don't have time to work on the video call you just…"
Jun 28
Alex - Rosas † Negras replied to Alex - Rosas † Negras's discussion
I managed to add group video calling, if anyone is interested I will post the codes
"if you want I'll give you the codes privately and we'll see if the two of us can make it perfect"
Jun 27
Eva and ⚡JFarrow⌁ are now friends
NC for Hire
Jun 25
⚡JFarrow⌁ replied to Eva's discussion
For three days now, my networks, Ning 2.0 and Ning 3.0, are incorrectly visible
"Ug... thats not right..  ill send you my phone number in messages and we'll talk it over."
Jun 24
Eva replied to Eva's discussion
Help Help Help
" I just started a test network on Ning. I'm having the same problems there too! No photos, in…"
Jun 21
More…

Meanwhile, you can check our social media channels