Joomla Templates Club 406,261 posts

[marciello Friend marcielloJoin date: July 2007Posts: 29Downloads:0Uploads:3 Thanks: 2]

#128227

Hye guys,
I’ve tried to change the position of right column but failed. I’ve attached the layout that I’m going to implement.

Maroon colour should be left column (no problem about this), red colour should be the right column (I didn’t manage to put it in my desired position) & the yellow colour will be the content (I didn’t manage to put it in my desired position too)

Hope you guys can help me out. Thanks in advance.

---

Attachments:

1. 

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

#247810

Open up the css folder of the template and find the template.css file, open it find line 548:


#ja-col2 {
color:#626A69;
float:right;
overflow:hidden;
width:25%;
}

Change it to:
#ja-col2 {
color:#626A69;
float:left;
overflow:hidden;
width:25%;
background: url(../images/theimage) repeat-x top left #colorcode;
}

Then find this on line 528:


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

Change that to:


#ja-content {
clear:both;
display:block;
float:right;
width:75%;
background: url(../images/theimage) repeat-y top left #ffffff;
}


Try the above and see if its getting closer to the look you are after, it might need some more tweaking but this should get you started.

[marciello Friend marcielloJoin date: July 2007Posts: 29Downloads:0Uploads:3 Thanks: 2]

#247852

Thanks Menalto,
I’ve played around with the column width yesterday, now I have a better understanding regarding the columns.

I have one more difficulty, I can’t placed the border correctly. I’ve managed to placed the border for left column. I didn’t manage to place border for right column and the content. I’ve tried to play around with the main-bg1.gif and main-bg2.gif but I just manage to place the border for the left column. I’ve tried to put in 1px grey in the content background, still did not succeed.

Hope you can help me out

---

Attachments:

1. 

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

#247905

You can try to add this to the css for content:

#ja-content {
clear:both;
display:block;
float:right;
width:75%;
background: url(../images/theimage) repeat-y top left #ffffff;
border-left: 1px solid #333333;
border-right: 1px solid #333333;
}

Just make sure you change #333333 to the color you want.
this will give you a 1px border on left and right side of the content hopefully

[marciello Friend marcielloJoin date: July 2007Posts: 29Downloads:0Uploads:3 Thanks: 2]

#249105

Thanks Menalto,
I’ve figured it out by the time you post the reply. Thanks for your help

[Author]

Posts