Joomla Templates Club 406,261 posts

[stilpunkt Friend stilpunktJoin date: September 2008Posts: 32Downloads:0Uploads:4 Thanks: 6 Thanked: 2 times in 1 posts]

#155293

Hi,

i’m using the JA teline II with Joomla 1.0.15 on this site http://www.stilpunkt.com

How can I move the 2 columns on the right side of the page to the left side?

In other words I want to have a layout like this:

left column | right column | main content

Your help is really appreciated.

Thanks in advance.

Greetings Kai

[Don Lee Friend Don LeeJoin date: March 2010Posts: 923Downloads:0Uploads:13 Thanks: 41 Thanked: 274 times in 238 posts]

#359071

Hi,
Try to add the below css:
#ja-content {
float: right !important;
}

[stilpunkt Friend stilpunktJoin date: September 2008Posts: 32Downloads:0Uploads:4 Thanks: 6 Thanked: 2 times in 1 posts]

#359098

Thanks for your reply.

Unfortunately that’s not the full solution.

Appended screenshot shows the result.

Your further help is very appreciated.

Thanks in advance.

Greetings Kai

---

Attachments:

1. 

[Don Lee Friend Don LeeJoin date: March 2010Posts: 923Downloads:0Uploads:13 Thanks: 41 Thanked: 274 times in 238 posts]

#359100

Continue to find in your css file:
#ja-containerwrap-c #ja-container {
background: url(“../images/hline.gif”) repeat-y scroll 83% 0 transparent;
}
Replace with:
#ja-containerwrap-c #ja-container {
background: url(“../images/hline.gif”) repeat-y scroll 17.5% 0 transparent;
}

[stilpunkt Friend stilpunktJoin date: September 2008Posts: 32Downloads:0Uploads:4 Thanks: 6 Thanked: 2 times in 1 posts]

#359103

Great.

The last issue is the distance between the left column and the main content.
Also the left gap between the border of the site and the left column.

Thanks for your help.

Greetings Kai

[Don Lee Friend Don LeeJoin date: March 2010Posts: 923Downloads:0Uploads:13 Thanks: 41 Thanked: 274 times in 238 posts]

#359104

– Change the code in previous post to:

#ja-containerwrap-c #ja-container {
background: url("../images/hline.gif") repeat-y scroll 16.5% 0 transparent;
}
– Add:


#ja-containerwrap-c #ja-container-inner{
margin-left: -20px;
}
#ja-content div.ja-innerpad {
margin-left: 11px;
}


1 user says Thank You to Don Lee for this useful post

1. stilpunkt

[stilpunkt Friend stilpunktJoin date: September 2008Posts: 32Downloads:0Uploads:4 Thanks: 6 Thanked: 2 times in 1 posts]

#359106

Thanks. You did a great job.

Have a nice weekend.

Greetings Kai

[Author]

Posts