Jump to content

How to change width of left, right and central column


Atanda

Recommended Posts

You can change it in global.css.

Code looks like this:

.col-sm-3 {
    width: 25%;
}

But you will need to change it to all column variations like col-sm-6, col-xs-6 and so on

 

Thank you for your response.

You suggestion means we have to change all .col-sm-x in the css file. This may not be the best because it can affect so many things.

When I checked the header.tpl file, I discovered that there is a code like this - $left_column_size$right_column_size.

Maybe this is what need to change but I cannot figure out where to change their values. The current value set for both of them is what is used to calculate and get .col-sm-3.

I would like to see if this can be changed to col-sm-4, etc

That way, I do not have to make changes to css files and not affect col-sm-3 in other places apart from left and right column where it is used.

 

Any idea?

 

Thanks

Edited by Atanda (see edit history)
  • Like 1
Link to comment
Share on other sites

Yes you have that code in layout.tpl 

{if isset($HOOK_LEFT_COLUMN) && $HOOK_LEFT_COLUMN|trim && !$hide_left_column}{$left_column_size=3}{/if}

and if you change size from 3 to 4 you will increase left column and it will automaticaly decrease center column.

 

Maybe this is what you are looking for.

  • Like 4
Link to comment
Share on other sites

Yes you have that code in layout.tpl 

{if isset($HOOK_LEFT_COLUMN) && $HOOK_LEFT_COLUMN|trim && !$hide_left_column}{$left_column_size=3}{/if}

and if you change size from 3 to 4 you will increase left column and it will automaticaly decrease center column.

 

Maybe this is what you are looking for.

 

Perfect! Thank you very much. Exactly what I am looking for.

  • Like 1
Link to comment
Share on other sites

×
×
  • Create New...