Full Width Center Column on home page

[Reza-sony]

hello everyone, i want to design my site this way :

center column be full width only on "home page", on other pages it shows like default theme , 556px.

[Carolina Custom Designs]

Are you asking if this can be done? If so, the answer is yes. It isn't that hard to do.

 

Best of luck!

 

Marty Shue

[Reza-sony]

I know it can be done , I wanna know how ?

[Richard S]

You just need to change CSS, but you will need some additional knowledge of CSS/HTML etc. I do not think that anyone will do this for free as it needs to be done seeing all your files, changing them etc.

 

By the way there were similar topic on this forum recently, so try to look for it.

[Carolina Custom Designs]

Richard is spot on!

 

Marty Shue

[koximaxi]

Add the following lines to style.css. Use !important if necessary.

body#index #center_column { width: 100%; }
body#index #right_column {display: none; }
body#index #left_column {display: none; }

 

By changing #index to sites body tags id, you can apply it on other pages as well.

[AlexTechnologysuppt]

template/header.tpl

 

 

Find this

 

 

<div class="columns-container">
<div id="columns" class="container">

 

and add {if $page_name =='homepage'}-fluid{/if} inside class container.

 

final : 

 

<div class="columns-container">
<div id="columns" class="container{if $page_name =='homepage'}-fluid{/if}">

 

Class container uses cleared fix.Excepting homepage will make it be full screen.But i think you have to edit css for some pixels not showing in the left side.

 

Edited January 12, 2018 by AlexTechnologysuppt (see edit history)

[vekia]

things changed since 2012 and everything depends on context, if you use default theme - it will be also necessary to change the header section