Widen Electro Left Column

If I want to make the left column wider in the electro template, which CSS would I change? I know I can simply change the .left-column width, but I didn’t know if I also needed to adjust margins, or related css files. You would think this change should just be a setting in the admin panel like Joomla.

[quote name=‘knoxbury’]If I want to make the left column wider in the electro template, which CSS would I change? I know I can simply change the .left-column width, but I didn’t know if I also needed to adjust margins, or related css files. You would think this change should just be a setting in the admin panel like Joomla.[/quote]

For all those who will make “DIY” design changes I would recommend to install Firefox [URL]http://www.mozilla.com/en-US/firefox/upgrade.html[/URL] and Firebug addon [URL]https://addons.mozilla.org/en-US/firefox/addon/1843[/URL]. It will makes your live easier. To your question, you will have to change the width in the .tpl file and then the other changes in the css file to your needs.

[quote name=‘indy0077’]For all those who will make “DIY” design changes I would recommend to install Firefox [URL]http://www.mozilla.com/en-US/firefox/upgrade.html[/URL] and Firebug addon [URL]https://addons.mozilla.org/en-US/firefox/addon/1843[/URL]. It will makes your live easier. To your question, you will have to change the width in the .tpl file and then the other changes in the css file to your needs.[/QUOTE]

I already have all of that installed, but that doesn’t solve the problem. Again, I know I can adjust a certain width, but I don’t know all the related CSS involved that might come into play.



And you make it sound like DIY would be uncommon . . . but this type of change is just standard in template driven sites like Joomla.

[quote]To your question, you will have to change the width in the .tpl file and then the other changes in the css file to your needs.[/QUOTE]

I just reread your answer, but unfortunately this is not correct. There are no tpl changes needed for this. It’s a CSS issue. I already know that, I’m just looking to see if there are other changes needed other than modifying the .left-column width attribute.

[quote name=‘knoxbury’]I already have all of that installed, but that doesn’t solve the problem. Again, I know I can adjust a certain width, but I don’t know all the related CSS involved that might come into play.



And you make it sound like DIY would be uncommon . . . but this type of change is just standard in template driven sites like Joomla.[/quote]

If you have Firebug installed, then it will tells you which css is responsible for a div, table, p and so one.



It’s not a standard and CS-Cart is not a CMS. E.g. Wordpress doesn’t support this feature from the panel except 3rd party templates.

It will cause a domino effect.



You will need to edit your central and right column attributes as well, and maybe others through trial and error.



Basically your total width = left + central + right (with padding added in)



if you change left to be greater without changing the other 2, your total width will increase and your layout will be incorrect.

BTW where in Joomla’s backend do you change the width of the side bar or central boxes?

[quote name=‘indy0077’]BTW where in Joomla’s backend do you change the width of the side bar or central boxes?[/QUOTE]

I didn’t say central . . . I said side boxes. This is done in the administration template manager .

[quote name=‘indy0077’]If you have Firebug installed, then it will tells you which css is responsible for a div, table, p and so one.



It’s not a standard and CS-Cart is not a CMS. E.g. Wordpress doesn’t support this feature from the panel except 3rd party templates.[/QUOTE]



I never said CS-Cart was a CMS … I said “template driven sites like Joomla” and CS-Cart is template driven.

[quote name=‘ETInteractive’]It will cause a domino effect.



You will need to edit your central and right column attributes as well, and maybe others through trial and error.



Basically your total width = left + central + right (with padding added in)



if you change left to be greater without changing the other 2, your total width will increase and your layout will be incorrect.[/QUOTE]



Thank you for a helpful answer.

Knox,



if you are talking side boxes. expanding those will either overflow your left column or expand your left and the same situation as above will arise.



I think they are all hard coded with px widths, in which case it would overflow the left column holding the side box in.



again, causing a domino effect on your layout.



if you get stuck, drop me a PM with url and ill help ya out.



Peace!

ETI

[quote name=‘knoxbury’]I didn’t say central . . . I said side boxes. This is done in the administration template manager .[/quote]

None of the standard templates supports “side box width”.

Sorry, but that was just my answer to your post:

[QUOTE]I already have all of that installed, but that doesn’t solve the problem. Again, I know I can adjust a certain width, but I don’t know all the related CSS involved that might come into play.

[/QUOTE]

… because that is the only thing which would solve your problem.