Changing left and right handlcolumn widths

[Littlepants]

Presta shop 1.6.1.5

 

How do you change the width of the side columns please. Since updating mine are too wide, leaving the central main column too narrow, and it all looks wrong.

[PrestaSOO]

It's too hard to understand your issue. Please upload some screenshots

[Littlepants]

Website is www.littlepants.co.uk. This is a PC issue - not a problem on a mobile as far as I can see. I've taken a screenshot and am attaching it

 

[Littlepants]

Sorry you've lost me there. I haven't a clue what you mean or how to do it. How do I reduce the size of the side columns?

[Littlepants]

And where in the back office do I find those? 

[Littlepants]

Yes but look at how the right column looks. It overlaps the middle column, and nothing can bee seen properly there. 

[Littlepants]

Wj-hat I mean is the central colunmn s all scrunched up and overlapping. I have emptied the right column in an attempt to solve the problem, but it hasn't. the central column is still too narrow to accommodate everything

[Littlepants]

Do you mean Preferences/general? I can't see any css there?

[Littlepants]

I;m sorry - I don't follow that. Can you give me a step by step follow on. So it's General/Themes/ and them what do I do?

I don't know where FTP client is - I haven't come across it at all.

Edited May 21, 2016 by Littlepants (see edit history)

[Mohamadou Ndiaye]

HI,
am gonna give you methods to resolve the issue.

First : CSS METHOD
Connect by FTP and go to themes->default-bootstrap->css->global.css.
open the global.css at the end of this file add this :
#left_column{
    width: here the size you need;
}
#left_right{
    width: here the size you need;
}

Then save the file. And the clean the cache.


SECOND METHOD:
Connect by FTP and go to themes->default-bootstrap->layout.tpl
Open the layout.tpl and the change the value {$left_column_size=3} for the left column and {$right_column_size=3} for the right column.
By default the width of the right and left column is 3 but you can change with whatever you need.
Then save the file. And the clean the cache.

{assign var='left_column_size' value=0}{assign var='right_column_size' value=0}
{if isset($HOOK_LEFT_COLUMN) && $HOOK_LEFT_COLUMN|trim && !$hide_left_column}[color=#00ffff]{$left_column_size=3}[/color]{/if}
{if isset($HOOK_RIGHT_COLUMN) && $HOOK_RIGHT_COLUMN|trim && !$hide_right_column}[color=#a52a2a]{$right_column_size=3}[/color]{/if}
{if !empty($display_header)}{include file="$tpl_dir./header.tpl" HOOK_HEADER=$HOOK_HEADER}{/if}
{if !empty($template)}{$template}{/if}
{if !empty($display_footer)}{include file="$tpl_dir./footer.tpl"}{/if}
{if !empty($live_edit)}{$live_edit}{/if}

Thanks

[Littlepants]

Thanks but where do I find FTP? I can't see it anywhere

[Mohamadou Ndiaye]

HI,
am gonna give you methods to resolve the issue.

FIRST : CSS METHOD
Connect by FTP and go to themes->default-bootstrap->css->global.css.
open the global.css at the end of this file add this :
#left_column{
    width: here the size you need;
}
#left_right{
    width: here the size you need;
}

Then save the file. And the clean the cache.


SECOND METHOD:
Connect by FTP and go to themes->default-bootstrap->layout.tpl
Open the layout.tpl and the change the value {$left_column_size=3} for the left column and {$right_column_size=3} for the right column.
By default the width of the right and left column is 3 but you can change with whatever you need.
Then save the file. And the clean the cache.

[Mohamadou Ndiaye]

If you haven't the ftp access, you have to ask it to your web hosting provider. They will give you the FTP login and password.

Thanks