DNN 6 made the account login module HUGE.
The search module too.

These modules used to fit nicely in a 200px LeftPane or RightPane... but now they make the pane >700 px wide.

Has anyone modified these to make them smaller?

I think you can put a stylesheet in the HEAD of the module under the module settings... but I can't figure out what to style and what's needed.
I'd like the Account Login module to fit in a 200px wide pane like it used to...

I tried this in the head... it changes the look, but I'm not that great at CSS to figure this one out.  397 is the module id...

<style type="text/css">

.DNNModuleContent ModAuthenticationC {width:200px;float:left}
#dnn_ctr397_ModuleContent {width:200px;float:left}
.raDIV {width:200px;float:left}
.raColor raTransp {width:200px;float:left}
#dnn_ctr397_dnn$ctr397$Login_UPPanel{width:200px;float:left}
#dnn_ctr397_Login_UP{width:200px;float:left}
.dnnForm dnnLogin dnnClear{width:200px;float:left}
.dnn_ctr397_Login_pnlLogin{width:200px;float:left}
.loginContent{width:200px; float:left}
.LoginPanel{width:200px;float:left}
#dnn_ctr397_Login_DNN {width:70px;}


#dnn_ctr397_Login_Login_DNN_txtUsername{width:100px;}
#dnn_ctr397_Login_Login_DNN_txtPassword{width:100px;}


.dnnFormLabel {clear:both;}
.dnnPrimaryAction {clear:both;}
.dnnLoginRememberMe{clear:both;}
.dnnLoginActions{width:200px;}
.dnnSecondaryAction{clear:both;}
#dnn_ctr397_Login_lblLogin{width:200px}


#dnn_ctr397_Login_liRegister{float:left}
#dnn_ctr397_Login_liPassword{float:left}
dnnActions dnnClear{float:left; width:100px;}
  </style>

Thanks Jeff,
I seem to have gotten it to work.. after many hours... with the following CSS.  I'm sure there's lots of unecessary code in it... but oh well.
I placed this in the HEAD in the Account Login module settings.  I just deleted the search module and added search to my skin.

Adding it to a module with 349 as module ID... here it is!

<style type="text/css">
.dnnForm dnnLogin dnnClear{clear:both; margin-left:50px; overflow:hidden;min-width:100px;max-width:250px;}
.dnnFormItem label {width: 55px;}
#dnn_ctr349_Login_Login_DNN_plUsername{width: 50px;margin-left:20px;}
#dnn_ctr349_Login_Login_DNN_plPassword{width: 50px;margin-left:20px;}
.dnnForm{min-width:100px; max-width:240px;}
.DNNModuleContent ModAuthenticationC{clear:both; margin-left:-50px; overflow:hidden;max-width:220px;}
.LoginPanel{margin-left:-50px;}
.dnnLoginRememberMe{clear:both; margin-left:-20px;max-width:250px;}
#dnn_ctr349_Login_Login_DNN_cmdLogin{margin-left:160px;max-width:300px;}
.dnnLoginActions{clear:both; margin-left:-130px; overflow:hidden;}
#dnn_ctr349_Login_Login_DNN_txtUsername{margin-left:5px;width:95px;}
#dnn_ctr349_Login_Login_DNN_txtPassword{margin-left:5px;width:95px;}
.dnnFormItem input[type="text"], .dnnFormItem textarea {
min-width: 10%;}
.dnnForm.dnnLoginService {
min-width: 220px;
width: 220px;
}


  </style>

there is a new templatable login module that just came out, works great

http://www.dotnetnuke.com/Community/E...

---

Armand Datema

Get my new skin ( lots of design variations [18 headers, 30 titlebars, 30 breadcrumbs, 3 footers ], 50+ typography containers , 50+ page templates and an online theme builder for unlimited skin variations) Aura>

For all your skin conversions

2DNN

Follow me on Twitter