If you skin sites regularly for DotNetNuke, you may have run into a problem with background images or colors showing up in the FCK editor on your sites or in the background of the Link Gallery window that pops up on your site.  These two issues both have simple solutions that will save you time and frustration.

FCK Editor Background

When coding CSS, the typical place to insert a background image or color is through the BODY selector.  This selector will manipulate the background of your site, but will also change the BODY tag inside an iFrame that is incorporated when you edit textboxes through the built-in FCK Editor in DotNetNuke.  If you have a dark background and text color, the text in the FCK Editor will be unreadable and will be manipulated by whatever text manipulating properties you have on your BODY tag.

In DotNetNuke, a Body ID tag is automatically added to the BODY tag of your site.  Putting all background and related properties in this #Body selector will prevent the FCK Editor’s BODY tag from inheriting any unnecessary style changes. Making this switch will enable you to view text in the FCK Editor as it’s meant to be, instead of inheriting aspects of the BODY tag.

Link Browser Background

This problem is related to the FCK Editor Background issue we see in DotNetNuke.  The Link Gallery box also has an issue with inheriting backgrounds from the BODY tag.  The Link Gallery box is the window that pops up when you try to insert a link in the FCK Editor and click “Browse Server.”  Dark text is unreadable when your background is dark.  This issue can be fixed by adding a suitable background color to the #Table2 selector in your skin.css file.