Joomla Templates Club 406,261 posts

[enolbos Friend enolbosJoin date: August 2006Posts: 43Downloads:0Uploads:2 Thanks: 6]

#136744

Hi,
Can someone tell me how I can make user5, user6, and user7 float right? Basically, I want to make the left column align at the top with user5 and user6. Or, a better way to put this, I would like to make the left column look like the right column, and vice versa. (Hopefully, this makes sense.)

Thanks for the help,
Brian

[SP Media Friend SP MediaJoin date: September 2014Posts: 477Downloads:0Uploads:12 Thanks: 38 Thanked: 70 times in 27 posts]

#285089

Does the position “Right” not work?

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#285091

Hi enolbos,

Please see my guide:

+ Open template.css file, find and change classes as follows:
– line 554:

#ja-mainbodywrap {
float:right;
width:70%;
}

– line 584:

#ja-col2 {
float:left;
overflow:hidden;
width:30%;
}

– line 563

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

– line 576

#ja-col1 {
float:right;
overflow:hidden;
width:25%;
}

[enolbos Friend enolbosJoin date: August 2006Posts: 43Downloads:0Uploads:2 Thanks: 6]

#285135

That is so close to what I want to do. Is there a way to do this, but keep col1 as the leftside and col2 as the rightside? Also, I would like to keep the padding the same between the columns. When I follow your guide the leftside and the main body are “touching.” However, there is padding between the rightside (“col1”) and the border.

Basically, my goal is to have col1 move up, col2 move down, and user 5, user6, and user7 shift to the right. I don’t want the main body (Welcome to the Frontpage) to move at all. Is there a way to achieve this?

Thanks for the help,
Brian

[SP Media Friend SP MediaJoin date: September 2014Posts: 477Downloads:0Uploads:12 Thanks: 38 Thanked: 70 times in 27 posts]

#285136

Alter the percentages to match, the left floating div, is say, 20%, right one is 20% and the content one is 60%. That way the left and right side are the same width, and the central one sits at 60%.

Hope that helps. 🙂

[enolbos Friend enolbosJoin date: August 2006Posts: 43Downloads:0Uploads:2 Thanks: 6]

#285145

That almost has it. But, there is still space on the right between user7 and the border.

Thanks,
Brian

[SP Media Friend SP MediaJoin date: September 2014Posts: 477Downloads:0Uploads:12 Thanks: 38 Thanked: 70 times in 27 posts]

#285157

Do you have a link for it so we can see it online?

[enolbos Friend enolbosJoin date: August 2006Posts: 43Downloads:0Uploads:2 Thanks: 6]

#285164

<em>@spmedia 104491 wrote:</em><blockquote>Do you have a link for it so we can see it online?</blockquote>

http://coffee-importers.com UN/PW: joomla/abc123

How I would like to see this is with the search, shopping cart, and account maintenance on the right. Coffee Beans by Country should be on the left. However, these columns line up vertically how I want them.

The padding between user7 and the right border should be between user7 and (what is now) search, shopping cart, etc.

As I mentioned earlier, I would like to shift user 5, 6, and 7 to the right, shift the right column down, and the left column up.

Thanks for all of the help,
Brian

[Author]

Posts