Joomla Templates Club 406,261 posts

[PGLion Friend PGLionJoin date: March 2006Posts: 107Downloads:0Uploads:17 Thanks: 8 Thanked: 7 times in 1 posts]

#128119

I tried increasing the width of the right column, but without succes. This is what I tried:

#ja-content {
clear: both;
display: block;
float: left;
width: 65%;

Decreased the width to 62%

#ja-col2 {
float: right;
overflow: hidden;
width: 49.9%;
}

Decreased the width to 52,9%

Result: the right column increased like it should but dropped below the 1st column.

What am i doing wrong or what have i forgotten?

[PGLion Friend PGLionJoin date: March 2006Posts: 107Downloads:0Uploads:17 Thanks: 8 Thanked: 7 times in 1 posts]

#247563

I know I have to adjust more settings, but which one? To clearify I added a screenshot. Please check the red arrows, these positions I want to adjust.

---

Attachments:

1. 

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

#247910

Hi.
You must change in #ja-content and #ja-colwap.
Example:

#ja-content {
clear: both;
display: block;
float: left;
width: 60%;
And:

#ja-colwrap {
float:right;
overflow:hidden;
width:39.9%;
}

[PGLion Friend PGLionJoin date: March 2006Posts: 107Downloads:0Uploads:17 Thanks: 8 Thanked: 7 times in 1 posts]

#247911

Thanks for your help nguoiabcd, appreciate it a lot!

I tried altering these values before but the left- and right column aren’t alligned. There have to be other values I have to alter. Please check the red arrows on the attached screenshot.

---

Attachments:

1. 

[PGLion Friend PGLionJoin date: March 2006Posts: 107Downloads:0Uploads:17 Thanks: 8 Thanked: 7 times in 1 posts]

#248259

There must be a CSS lover around who go an answer to this? Please check the screenshot above, where are these grey lines defined?

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

#248731

Edit more template.css (line 539):

#ja-container {
background:transparent url(../images/vline.gif) repeat-y scroll 65% 0pt;
}
to
#ja-container {
background:transparent url(../images/vline.gif) repeat-y scroll 60% 0pt;
}

And template.css (line 543)

#ja-container-inner {
background:transparent url(../images/vline.gif) repeat-y scroll 83% 0pt;
}
to

#ja-container-inner {
background:transparent url(../images/vline.gif) repeat-y scroll 81% 0pt;
}

1 user says Thank You to Sherlock for this useful post

1. PGLion

[PGLion Friend PGLionJoin date: March 2006Posts: 107Downloads:0Uploads:17 Thanks: 8 Thanked: 7 times in 1 posts]

#248742

Yes, that did the job, thanks a lot nguoiabcd. I have been puzzeling on this for over 4 hours 🙁

[Author]

Posts