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

NC for Hire

If your Ning site has a dark theme, you may be scratching your head wondering how to make the text legible.  Because it is a 3rd party integration, I can't find anywhere the ability to switch the facebook comments module theme from light to dark.  So, I recently switched my overall theme to a darker background which made all of my Facebook Comment modules look like this:

3827360538?profile=RESIZE_710x

Ugly right?  Well because the comment module is essentially an iframe, you have very view options of editing text colors. Your only real option as far as I can tell is to use CSS to change the background color behind the module.   You can do this with a single line of code and you'll get something more like this:

3827362809?profile=RESIZE_710x

 

All you need to do is add this code to your Design Studio advanced CSS and you can change the background to any color you like.   Replace the #eeeeee to whatever hex color you want.

div.fb-comments.fb_iframe_widget.fb_iframe_widget_fluid_desktop {background-color:#eeeeee!important;}

 

Let me know if you have anyother suggestions or questions below or get in touch with me here on Creators

 

Some Related Facebook Posts for Ning Communities:

You May Not Know This About Facebook

2 Quick Tips in One: PDF Embed Trick + Facebook Page Tip

Three Handy Facebook Tricks You May Not Know

TIP/Trick: Get Tabby with your FB Page

Trick N2.0 - Add Your Groups To a Facebook Page Tab in 5 Minutes

Trick: Perfect Combination for Bringing Your Community Into a Facebook Page

TIP/Trick: How to Add Facebook Style Reactions To Your Community

How to Embed Facebook Comments to a Post

Amazing Tool to Automate Your Content Discovery, RSS and Sharing Community Content

 

 

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 –
 

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

Rosas † Negras posted a discussion
/*cursor*/body, a, a:hover {cursor:url(HTML,BODY{cursor: url(HTML,BODY{cursor:…
28 minutes ago
Debbie Goode-Jones, Ted Harge, Donation Ngobeni and 17 more joined Ning Creators Social Network
4 hours ago
CJ Coster posted a discussion
Hello, Believe it or not, we started when Ning, was just formed. We are back now and want to hack…
14 hours ago
Rosas † Negras replied to Rosas † Negras's discussion
How can I fix this Ning 2.0
"possible to fix it this way? is an example of a 2.0 site"
21 hours ago
Bizz replied to Rosas † Negras's discussion
How can I fix this Ning 2.0
"There is an error in the code, sorry about that it should be like this
.xg_list_video_main .tb…"
yesterday
Rosas † Negras replied to Rosas † Negras's discussion
How can I fix this Ning 2.0
"the groups are now perfect, the videos to the usual situation"
yesterday
shared their discussion on Facebook
yesterday
Bizz posted a discussion
Here is an updated tip as seems some things have changed since last time I posted that last tip.You…
yesterday
Bizz replied to Rosas † Negras's discussion
How can I fix this Ning 2.0
"/** VIDEOS LIST **/
.xg_list_video_main ul li { width: 100%;}
.xg_list_video_main .tb…"
yesterday
Rosas † Negras replied to Rosas † Negras's discussion
How can I fix this Ning 2.0
"Bizz 
the data is always the same, enter quietly, thanks in advance"
Wednesday
Rosas † Negras replied to Rosas † Negras's discussion
How can I fix this Ning 2.0
Wednesday
Bizz replied to Rosas † Negras's discussion
How can I fix this Ning 2.0
"Need a link to the site to see what the issue is."
Wednesday
More…

Meanwhile, you can check our social media channels