Joomla Templates Club 406,261 posts

[markb1439 Friend markb1439Join date: August 2008Posts: 124Downloads:0Uploads:1 Thanks: 14 Thanked: 34 times in 11 posts]

#132090

How can I change the width of the right column? Specifically, I want to eliminate the left column (which I will do by not publishing any modules there), and then have a right column width of about 35%.

I’ve tried various things recommended in forums for other templates (hoping that it would be similar), but nothing worked. I did notice that changing columns widths usually requires changing code in several places. Why can’t it be easier? I’ve seen templates that have a built-in parameter (for Template Manager) for setting column widths.

Thanks!

[markb1439 Friend markb1439Join date: August 2008Posts: 124Downloads:0Uploads:1 Thanks: 14 Thanked: 34 times in 11 posts]

#264979

I have figured out how to change the widths of the columns themselves, but I can’t figure out how to move the vertical line at the left side of the right column. Please help.

[markb1439 Friend markb1439Join date: August 2008Posts: 124Downloads:0Uploads:1 Thanks: 14 Thanked: 34 times in 11 posts]

#265006

JA, can you please answer this question? I need to get my site online ASAP and I can’t figure this out. I’ve tried Firebug but I can’t locate the code that controls the border at the left of the right column. Please help. Thank you.

[Menalto Friend MenaltoJoin date: May 2007Posts: 4736Downloads:0Uploads:43 Thanks: 2 Thanked: 531 times in 361 posts]

#265010

What is your site url?

[markb1439 Friend markb1439Join date: August 2008Posts: 124Downloads:0Uploads:1 Thanks: 14 Thanked: 34 times in 11 posts]

#265012

Rough test site:

http://www.codecsunlimited.com/cms/

Ignore the colors. 🙂

The right column is where the trouble is. I have made the column wider, but the vertical gray line (which used to be at the left of the right column) stays in its original position. I can’t for the life of me figure out how to move it.

[Menalto Friend MenaltoJoin date: May 2007Posts: 4736Downloads:0Uploads:43 Thanks: 2 Thanked: 531 times in 361 posts]

#265020

Take a look in the css file for this code here:
#ja-container2 {
background: url(../images/main-bg2.gif) repeat-y right center;
border-bottom:1px solid #680000;
}
Where you can delete it or if you need to change it you can change the image “main-bg2.gif” to a wider one that reflects the width of your column.

1 user says Thank You to Menalto for this useful post

1. markb1439

[markb1439 Friend markb1439Join date: August 2008Posts: 124Downloads:0Uploads:1 Thanks: 14 Thanked: 34 times in 11 posts]

#265025

Perfect, thank you! I was operating under the assumption that the vertical line was just a single vertical line image (e.g., vline.gif) instead of a background across the entire area.

Thanks a million!

[markb1439 Friend markb1439Join date: August 2008Posts: 124Downloads:0Uploads:1 Thanks: 14 Thanked: 34 times in 11 posts]

#265079

Would it make sense to remove the background graphic and add a “border-left” attribute to this CSS as follows:

#ja-containerwrap-fl #ja-container {
background: none;
border-left: 1px solid #E7E8E6;

This appears to create the same effect, yet the border will always change accordingly, depending on the width of the module (without having to modify a graphic and hope it lines up).

Would you recommend this approach?

Thanks!

[Author]

Posts