Elxis CMS Forum
Extensions => Templates => Topic started by: Never on October 02, 2008, 06:08:09
-
Hey there again.
I was wandering is it possible to remove the third, far right column of the okto template, and expand the 2nd column in it's place?
I want to make it a 2 column template really as I need more width and space for articles.
Here's a screenshot of what I want to do - http://i35.tinypic.com/14cb81k.jpg
So, can it be done? Thanks, appreciate it.
-
Of fcourse!
There are already ready-to-download variations of the okto template with 2 columns on the Elxis Downloads Center.
-
Ugh, could you give me a link?
-
elxis-templates/front-end/
See Orange Flavour
-
Ah, thank you.
And if want to do it manually? Is it hard, would anyone like to tell me which blocks of code need to be removed, etc?
-
Each template is like a piece of art, there is no a general answer to this question. You should have basic knowledge of html and css to get into templates creation and modification. If you remove an html column you should make several changes to CSS.
-
Yeah I understand, but I was not going to make a new template, I just thought of reworking the "okto".
I want to remove that 3rd column, that's it, really. So I only need input in how to do that, which code to remove/replace etc.
Insted of 3 I just want it to be 2 column template - nothing more.
If anybody want's to help me in doing this, I would be very, very grateful. Thanks.
-
Hi Never, if you check the link Datahell gave you there are some templates based on "okto"
I think Orange Flavour is that you are looking for
elxis-templates/front-end/orange-flavour.html
Based on this you can change the colors or some settings
Keep on :)
-
Never here is a possible solution, tested only on FF3 and IE7
1. Go Backend>site modules>Unpublish all the modules using the drop down selection, positioned "Right"
2. Edit file /templates/okto/css/layout.css, line 62 change
#main-body {
width:100%;
float:left;
background: url(../images/lbg.png) repeat-y 25% 0;
height:100% !Important;
height:1%;
}
3. Remove the
#rightcolumn {
float:right;
width:20%; /* 19.5% */
overflow:hidden;
margin-left:-3px;
}
-
@ nikos65 - I had a look at it, might be useful. Thanks for helping ;)
@ yiannisK - I did what you told me, and it worked! I can activate modules on the left side, no problem.
Now it's just like I wanted it to be. Thank you so much, appreciate it.
Cheers :)