Dimensions of User Module - need to modify.

[DeKuyper]

Hello,

I need to modify (reduce) the dimensions of the User 1-5 Modules on my Joomla! site. I believe this can be done in the "Edit Html" of the template (I use Light), right? Could anybody please help me to find the right line there with these dimensions by default?

Thank you very much!

[rush_tech]

I use firebug for firefox very useful

[DeKuyper]

I use firebug for firefox very useful

Sorry - how could it help in my case? Don't quite understand

[DeKuyper]

I use firebug for firefox very useful

I guess I know now what you meant! I downloaded this tool and played with it a bit - it is really wonderful! I found the place where I can modify the dimensions to customize the layout. The only problem I'm having now - is how to save (apply) the modifications I do in the code with the help of Firebug? Because when I close it all my modifications dissapear.

[ZeroHour]

Hi
Another tip, IE9 has Developer tools (f12) and Chrome does as well which work much like firebug.
It depends tbh where you have to edit, if its a box width and you want any occurrences of that box to be the new width look in the CSS parts for the definition you modified in firebug.
If you only want it to apply to that one box then you can use something like:

<div style="width: 200px; font-size: 16px;">

That style is an override and overrides the css applied to that box.

[DeKuyper]

I try this tool in Chrome and Mozilla. I apply "edit" function to the selected line. I see the result in the view pane above. But when I close Firebug or refresh the page - all my modifications disappear. Do I miss somewhere the button "save"? Evidently it does not rewrite automatically Help please!

Hi
Another tip, IE9 has Developer tools (f12) and Chrome does as well which work much like firebug.
It depends tbh where you have to edit, if its a box width and you want any occurrences of that box to be the new width look in the CSS parts for the definition you modified in firebug.
If you only want it to apply to that one box then you can use something like:

<div style="width: 200px; font-size: 16px;">

That style is an override and overrides the css applied to that box.