Joomla Templates Club 406,261 posts

[conexus Friend conexusJoin date: March 2008Posts: 4Downloads:0Uploads:0]

#133125

Hi,

I am in a situation where I have to split the columns left and right so that left is on the left, right is on the right with the content (ja_news) in the middle.

I do not actually need any other module positions to work.

I have successfully managed to remove ja_tabs, user 5, and even get the contents of left to move to the left, but I just can not work out how to code the page so that there are 3 unique columns under the header.

Has anybody done this before, or can anybody provide a simple way to have the template do this?

I would really appreciate any help you can provide.

Thanks

JON

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#269647

Hi conexus .
please view : http://www.joomlart.com/forums/topic/patch-for-3-columns-layout-left-body-right-of-teline/ and download patch for 3 columns (left + body + right ) , user5 and tabs module still be removed.

[conexus Friend conexusJoin date: March 2008Posts: 4Downloads:0Uploads:0]

#269682

Hi hainn84,

Many thanks for this. I was able to make the modifications I needed.

I’ve also been looking to see if there is a way to change the colour of both colums? Is this easily done?

Thanks

JON

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#269702

Hi conexus !
to change background color of left column you open template.css file in templates/ja_teline/css folder , find following code section at about line 960 :


#ja-col1 {
float:left;
overflow:hidden;
padding-bottom:10px;
width:20%;
}


change to :


#ja-col1 {
float:left;
overflow:hidden;
padding-bottom:10px;
width:20%;
background:#DDDDDD;
}


“#DDDDDD” is a sample color code, you must change by other value.
with right column , you find following code at about line 967 :


#ja-col2 {
float:right;
overflow:hidden;
padding-bottom:10px;
width:19.9%;
}


change to :


#ja-col2 {
float:right;
overflow:hidden;
padding-bottom:10px;
width:19.9%;
background:#DDDDDD;
}


[Author]

Posts