Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Grey BackgroundGrey Background
Previous
 
Next
New Post
5/6/2008 9:17 PM
 

I use DNN 04.03.04

I have a problem with with the background color of my site. When I edith text the background color og the text field is grey, which makes it difficult to write. The background color of my skin is grey

Could anyone please explain have I change it? I'm a newbie sorry ;-)

Thomas

 
New Post
5/8/2008 10:45 AM
 

Go into the text/html module and select show custom editor options. From there select Portal radio button for settings type. Then expand "Editor Area CSS" nd make sure it says STATIC. That could help your issue, by forcing the editor to be static. After you make the change click on the refresh editor button. if your in Internet explore you might have to refresh the whole browser / page.

 

 
New Post
5/8/2008 7:43 PM
 

You could also Change your skin.

There will be something like

body{
background-color: grey;
}

in skin.css

Change that to

#body{
background-color: grey;
}

 
New Post
5/9/2008 6:22 AM
 

Thanks for the answer, I tried but I can't make it work. I tried to put in # in front of body in the skin.css but it dosen't chang a thing. My skin.css looks like this:

/*========================================================*/
/*         CSS for DotNetNuke Skin - Deja Vu              */
/*                  by Brian Connor                       */
/*               http://bc.digidia.com                    */
/*                connbrian@gmail.com                     */
/*========================================================*/

/*========================================================*/
/*  1. Universal                                          */
/*========================================================*/

/* Style For HTML PAGE                   */ html { height: 100%; }
/* Style For HTML BODY                   */ body { margin: 0; background: #7F7F7F; }
/* Setting Text Throughout the skin      */ table, tr, td, p {font-family: tahoma; font-size: 11px; line-height: 1.4em; margin: 0;}

/*========================================================*/
/*  2. Design Elements                                    */
/*========================================================*/

/*-- outermost table of skin -Standard      --*/ .OuterTable { width: 85%; height: 100%; background: #FFF url('page_bg_l.gif') repeat-y top left; align: center }
/*-- outermost table of skin -Admin         --*/ .OuterTableAdmin { width: 90%; height: 100%; background: #FFF url('page_bg_l.gif') repeat-y top left; align: center }
/*-- cell containing login and register     --*/ .LoginTD {  vertical-align: top; color: #777; padding: 89px 30px 0px 0px; height:120px; text-align:right; }
/*-- cell containing login and register - 2 --*/ .LoginTD2 {  vertical-align: top; color: #777; padding: 2px 30px 0px 0px; text-align:right; }
/*-- cell containing search                 --*/ .SearchTD { text-align:right; vertical-align: top; padding: 90px 30px 0px 0px; height:120px;}
/*-- cell containing menu                   --*/ .MenuTD { width: 199px; vertical-align: top; padding: 4px 0 0 0; }
/*-- cell containing panes                  --*/ .PanesTD { width:100%; vertical-align: top; padding: 4px 14px 0 10px; }
/*-- top header section                     --*/ .TopRow { background:  url('header_bg.jpg') repeat-x top left; height: 83px; padding: 0 }
/*-- topleft header section                 --*/ .TopRowLeft { background:  url('headerlogo.jpg') no-repeat top left; height: 159px; width:100%; padding: 0 }
/*-- topright header section                --*/ .TopRowRight { background:  url('header_bg_r_login.jpg') no-repeat top right; height: 159px; width:100%; padding: 0}
/*-- topright header section                --*/ .TopRowRight2 { background:  url('header_bg_r.jpg') no-repeat top right; height: 159px; width:100%; padding: 0}
/*-- bottom footer section                  --*/ .BottomRow { background:  #EBEBEA url('footer_bg.gif') repeat-x top center; height: 76px; padding: 0}
/*-- bottomleft footer section              --*/ .BottomRowLeft { background:  url('footer_bg_l.gif') no-repeat top left; height: 76px; padding: 0}
/*-- bottomright footer section             --*/ .BottomRowRight { background:  url('footer_bg_r.gif') no-repeat top right; height: 76px; text-align: right; vertical-align: top; padding-left:37px; padding-right:37px; padding-top:35px; padding-bottom:0 }
/*-- middle content section                 --*/ .MiddleRow { background:  url('page_bg_r.gif') repeat-y top right; padding-left:35px; padding-right:10px; padding-top:0; padding-bottom:0 }

/*========================================================*/
/*  3. Content Panes                                      */
/*========================================================*/

/*-- top inside content pane       --*/ .PaneTop { width: 100%; padding: 0 7px 0 7px;}
/*-- left content pane             --*/ .PaneLeft { padding: 0 7px 0 7px; width: 33%; }
/*-- content pane                  --*/ .PaneCenter { padding: 0 7px 0 7px; }
/*-- right content pane            --*/ .PaneRight { padding: 0 7px 0 7px; width: 33%; }
/*-- bottom inside pane            --*/ .PaneBottom { width: 100%; padding: 0 7px 0 7px; }
/*-- bottom menu content pane      --*/ .PaneMenuBottom { width: 100%; padding: 5px 5px 0 5px; }

/*========================================================*/
/*  4. Tokens                                             */
/*========================================================*/

/*-- login and user token idle         --*/ .LOGIN_object, a.LOGIN_object:link, a.LOGIN_object:visited, a.LOGIN_object:active, .USER_object, a.USER_object:link, a.USER_object:visited, a.USER_object:active { color: #777; font-family: tahoma; font-size: 11px; font-weight:bold; text-decoration: none; }
/*-- login and user token hover        --*/ a.LOGIN_object:hover, a.USER_object:hover { color: #444; font-family: tahoma; font-weight:bold; font-size: 11px; text-decoration: none; }
/*-- date token idle                   --*/ .DATE_object, a.DATE_object:link, a.DATE_object:visited, a.DATE_object:active { color: #777; font-family: tahoma; font-size: 11px; text-decoration: none; }
/*-- date token hover                  --*/ a.DATE_object:hover { color: #444; font-family: tahoma; font-size: 11px; text-decoration: none; }
/*-- terms privacy and copyright       --*/ .FOOTER_objects { color:#777; font-size: 11px; }
/*-- terms privacy and copyright links --*/ a.FOOTER_objects:link, a.FOOTER_objects:visited, a.FOOTER_objects:active { color:#777; font-weight:bold; text-decoration:none; }
/*-- terms privacy and copyright hover --*/ a.FOOTER_objects:hover { color:#444; font-weight:bold; text-decoration:none;  }

/*========================================================*/
/*  5. Text                                               */
/*========================================================*/

/*-- most of the text on site          --*/ .normal, .Normal { font-family: tahoma; font-size: 11px; color: #444; }
/*-- most of the bold text on site     --*/ .NormalBold { font-family: tahoma; font-size: 11px; font-weight: bold; color: #444; }
/*-- red text on site for errors       --*/ .NormalRed { color: #C50000; font-family: tahoma; font-weight: bold; font-size: 11px; }
/*-- subheadings - mostly in admin     --*/ .SubHead { font-family: tahoma; font-size: 11px; font-weight: bold; color: #555; padding: 0; }
/*-- headings - mostly in admin        --*/ .Head { font-size: 11px; color: #555; background: transparent; font-weight: bold; padding: 0;}

/*========================================================*/
/*  6. Links                                          */
/*========================================================*/

/*-- default links visited and active  --*/ a:link, a:visited, a:active { color: #666; font-family: tahoma; font-weight: bold; font-size: 11px; text-decoration: underline; }
/*-- default links hover               --*/ a:hover { color: #444; font-family: tahoma; font-size: 11px; text-decoration: underline; }
/*-- normal  links visited and active  --*/ a.Normal:link, a.Normal:visited { color: #666; font-family: tahoma; font-weight: bold; font-size: 11px; text-decoration: none; }
/*-- normal  links hover               --*/ a.Normal:hover { color: #444; font-family: tahoma; font-size: 11px;    text-decoration: none; }
/*-- admin button-link style           --*/ a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active { color: #6A6A6A; border: 1px solid #ABABAB; background: #EFEFEF; padding: 2px 3px 3px 4px; font-family: tahoma; font-weight: bold; font-size: 11px; text-decoration: none; height: 20px; }
/*-- admin button-link style hover     --*/ a.CommandButton:hover                                                 { color: #6A6A6A; border: 1px solid #868686; background: #DFDFDF; padding: 2px 3px 3px 4px; font-family: tahoma; font-weight: bold; font-size: 11px; text-decoration: none; height: 20px; }
/*-- search button in search form      --*/ .SearchButton { background: transparent; padding: 13px 21px 4px 13px; cursor: hand; font-size:1px; margin: 0 0 0 0px;}

/*========================================================*/
/*  7. Forms                                              */
/*========================================================*/

/*-- default form elements      --*/ select, input { font-family: tahoma; font-size: 11px; color: #333; }
/*-- textbox                    --*/ .NormalTextBox { color: #333; padding-left: 4px; line-height: 12px; font-family: tahoma; font-weight: normal; font-size: 11px; }
/*-- textbox container          --*/ td.NormalTextBox { padding: 0; margin: 0; background: ; visibility: invisible; border: 0px none; }
/*-- textbox used for search    --*/ #dnn_dnnSEARCH_txtSearch.NormalTextBox { height:19px; background: transparent; width: 152px; color: #666; padding: 4px 0px 0px 10px; border: 0px solid #FFFFFF; cursor:text;}
/*========================================================*/
/*  8. Main Menu and Module Menus                         */
/*========================================================*/

/*-- box that holds the menu  --*/ .MainMenu_MenuContainer { background-color: transparent;  width: 191px; }
/*-- bar that holds the menu  --*/ .MainMenu_MenuBar { cursor: pointer; cursor: hand; background: #fff;  width: 199px; }
/*-- submenu container        --*/ .MainMenu_SubMenu, .ModuleTitle_SubMenu { z-index: 1000;  cursor: pointer;  cursor: hand; margin: 0 0 0 1px; background: #f3f3f3; padding: 0px; border: 1px solid #999; font-weight: normal; filter: none; }
/*-- submenu items idle       --*/ .MainMenu_MenuItem, .ModuleTitle_MenuItem { font-family: tahoma;  color: #6A6A6A; font-size: 11px; background: #f3f3f3; font-weight: bold; font-style: normal; height: 20px; border: 0px none;; padding-left:16px; padding-right:30px; padding-top:0px; padding-bottom:0px }
/*-- submenu items hover      --*/ .MainMenu_MenuItemSel, .ModuleTitle_MenuItemSel { font-family: tahoma; font-size: 11px; font-weight: bold; cursor: pointer; cursor: hand; color: #4F4F4F; background: #DCDCDC; height: 20px; border: 0px none;; padding-left:16px; padding-right:30px; padding-top:0px; padding-bottom:0px}
/*-- menuitems idle           --*/ .MainMenu_Idle {color: #666; background:  url('nav_idle.gif') no-repeat; padding: 0; height: 22px; font-weight: bold}
/*-- menuitems over           --*/ .MainMenu_Selected { color: #666; background:  url('nav_over.gif') no-repeat; padding: 0; height: 22px; font-weight: bold}
/*-- menuitems active         --*/ .MainMenu_Active, .MainMenu_BreadcrumbActive {color: #666; background:  url('nav_active.gif') no-repeat; padding: 0; height: 22px; font-weight: bold}
/*-- not needed - main menu   --*/ .MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuIcon  { display: none; }
/*-- module menu continer     --*/ .ModuleTitle_MenuContainer { color: #2c2c2c; }
/*-- module menu bar          --*/ .ModuleTitle_MenuBar { cursor: pointer; cursor: hand;}
/*-- module menu padding      --*/ .ModuleTitle_MenuItem, .ModuleTitle_MenuItemSel { padding: 0 5px 0 0; }
/*-- not needed - module menu --*/ .ModuleTitle_MenuBreak, .MainMenuSeperator, .MainMenu_MenuBreak, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow, .ModuleTitle_MenuIcon { display: none; }

/*==========================================================*/
/*  End Style Sheet                                         */
/*==========================================================*/

 
New Post
5/9/2008 9:48 AM
 

Change

body { margin: 0; background: #7F7F7F; }

to:

#body { margin: 0; background: #7F7F7F; }

that should do it...

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Grey BackgroundGrey Background


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out