Joomla Templates Club 406,261 posts

[tso2085 Friend tso2085Join date: July 2006Posts: 18Downloads:1Uploads:1 Thanks: 5]

#177409

I would like to change the spacing between positions in the “left-center-right” template profile so that there is less space between the left and center; and center and right. Additionally, would like to make the right position for modules a little wider.

Thanks in advance!

Craig

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#454323

So that I can try to best assist you, please provide the url of the site you’re working on –
as well as set “Optimize CSS” to “No” within your Template Manager–General Settings.

[tso2085 Friend tso2085Join date: July 2006Posts: 18Downloads:1Uploads:1 Thanks: 5]

#454332

TomC,

The url is http://whitakerweb.net/hen2

Optomize CSS is off.

I want to be able to reclaim the space between the left , center, and right columns on the front page, mostly to use the space to increase the “right” module space so the facebook and twitter modules fit.

Thank you!

[tso2085 Friend tso2085Join date: July 2006Posts: 18Downloads:1Uploads:1 Thanks: 5]

#454395

Hi TomC,

You will see changes on the site. I was able to find some of what I needed in template.css. So now the margins are tighter like I was seeking. Now I need help figuring out how to make the sidebar modules wider (actually just the right sidebar space, where the Facebook Like Box is located. I suppose in order to make it all fit, I will need to make the article section in the center, not as wide as well. If you can help with that also I would appreciate it.

Thanks again!
Craig

[tso2085 Friend tso2085Join date: July 2006Posts: 18Downloads:1Uploads:1 Thanks: 5]

#454567

Hello,

Are you able to get to the site and check it out? I have two remaining formatting issues:

1) the right sidebar – would like to make the column larger so the Facebook module will fit.
2) The left and right sidebars do not start at the same height. I would like them to start at the same template height.

Thank you!
Craig

[Wall Crasher Developer Wall CrasherJoin date: December 2011Posts: 1113Downloads:0Uploads:15 Thanks: 66 Thanked: 361 times in 300 posts]

#454667

Hi Craig

1. You can follow this tutorial to enhance right sidebar width
http://wiki.joomlart.com/wiki/JA_T3_Framework_2/Guides#Middle_column_width

2. You could put this block code in the end of footer block


<script type="text/javascript">
window.addEvent('domready', function() {
equalHeight(['ja-left','ja-height']);
});
</script>


However I see the left & right sidebar are having background-color = white, so you can not read once this code run.

I hope it helps!

[tso2085 Friend tso2085Join date: July 2006Posts: 18Downloads:1Uploads:1 Thanks: 5]

#454733

Hello,

Thank you for you reply.

1) Checking out the wiki, it mentions a “middle.php” for the settings. I do not have a middle.php file anywhere. I did find the code the wiki mentions in the “left-center-right.xml” layout file. When I changed it to make the colwidth percentage wider, it had no effect. Do I need the middle.php file?
Here is the code in “etclayoutsleft-center-right.xml”:

<blocks name="middle" colwidth="21.5">
<block name="left1">left</block>
<block name="right2">right</block>
</blocks>


I changed it to:

<blocks name="middle" colwidth="30">
<block name="left1">left</block>
<block name="right2">right</block>
</blocks>


Tried even “40” just to verify I would see something, but nothing changed on page.

2) I put the suggested code in the ja-community-plusblocksfooter.php, but it made no difference. The left and right sidebars have a light gray background, so I can see.

Thanks for your help!

[tso2085 Friend tso2085Join date: July 2006Posts: 18Downloads:1Uploads:1 Thanks: 5]

#454742

Ok, number (1) is solved. I was in the right file – left-center-right.xml – I had not cleared the T3 cache. That solve the problem.

Thank you!

Craig

[tso2085 Friend tso2085Join date: July 2006Posts: 18Downloads:1Uploads:1 Thanks: 5]

#454803

<em>@Do Ha 321822 wrote:</em><blockquote>Hi Craig

1. You can follow this tutorial to enhance right sidebar width
http://wiki.joomlart.com/wiki/JA_T3_Framework_2/Guides#Middle_column_width

2. You could put this block code in the end of footer block


<script type="text/javascript">
window.addEvent('domready', function() {
equalHeight(['ja-left','ja-height']);
});
</script>


However I see the left & right sidebar are having background-color = white, so you can not read once this code run.

I hope it helps!</blockquote>

As I stated in previous post – you solved question #1. Thank you!

For question #2, did you mean for me to put that code in the footer.php file? That seems an odd place since I want my left and right sidebars to start at the same height. (Currently, the left sidebar starts a little lower than the right sidebar.)

See http://whitakerweb.net/hen2

[Wall Crasher Developer Wall CrasherJoin date: December 2011Posts: 1113Downloads:0Uploads:15 Thanks: 66 Thanked: 361 times in 300 posts]

#454834

<blockquote>For question #2, did you mean for me to put that code in the footer.php file?</blockquote>

Yes, you put that code in the footer.php file.

I tried to inspect your site and customize it by Chrome Dev Tools, now left and right bar are of same height.

---

Attachments:

1. 

[tso2085 Friend tso2085Join date: July 2006Posts: 18Downloads:1Uploads:1 Thanks: 5]

#454908

Do Ha,

I want to make the top of the sidebars start at the same point, not the bottoms. See the Chrome Dev Tools pic attached. It looks like “ja-mainbody, as part of the left-center div, makes the left sidebar start lower. Sorry if I confused what I meant, and I appreciate your time.

Craig

---

Attachments:

1. 

[Wall Crasher Developer Wall CrasherJoin date: December 2011Posts: 1113Downloads:0Uploads:15 Thanks: 66 Thanked: 361 times in 300 posts]

#454949

Hi tso2085

You can replace this style block in template.css file


#ja-mainbody {
padding-top: 20px;
}

by


#ja-main {
padding-top: 20px;
}


1 user says Thank You to Wall Crasher for this useful post

1. tso2085

[Author]

Posts