Joomla Templates Club 406,261 posts

[macout Friend macoutJoin date: March 2010Posts: 22Downloads:0Uploads:0 Thanks: 4]

#153206

I’m building a site using Mesolite 2 and am curious about how I go about increasing the width of the left block. Ideally, I’d like to set the width to align with the border marker to the right of the default Mesolite II logo. Site here: http://shakeandbake.com.au

Thanks in advance to anyone who can help 🙂

[Arvind Chauhan Moderator Arvind ChauhanJoin date: September 2014Posts: 3835Downloads:74Uploads:92 Thanks: 1240 Thanked: 1334 times in 848 posts]

#351924

Hi there,

Try this. Open your site /templates/ja_mesolite_ii/layouts/default.php

around line 32-36 update the code as follows :

[PHP]);
//$this->customwidth(‘right1’, 25); <== override right1 column width to 25%. Must call before call definePosition. Can call many time to override many columns.
$this->definePosition ($positions);
?>[/PHP]

Change to :

[PHP]
);
//$this->customwidth(‘right1’, 25); <== override right1 column width to 25%. Must call before call definePosition. Can call many time to override many columns.
$this->customwidth(‘left1’, 23);
$this->definePosition ($positions);
?>[/PHP]

This does increase the width of left module side. You might need to fix the width of Search module also and not sure what ill effect the whole edit might have. he he

Arvind

[Arvind Chauhan Moderator Arvind ChauhanJoin date: September 2014Posts: 3835Downloads:74Uploads:92 Thanks: 1240 Thanked: 1334 times in 848 posts]

#351951

Your site is offline now. You would need to tweak few more things in the CSS file to get the left modules look better in the new width. Let me know when you get your site online. I can help you with those tweaks.

Arvind

[macout Friend macoutJoin date: March 2010Posts: 22Downloads:0Uploads:0 Thanks: 4]

#351984

Thanks for your help there Arvind. Yes, the site was down – apparently some staffer at my host pressed the wrong button on one of their servers. Back online now.

Your assistance appears to have helped. The left menu is now at the width I was looking for I think, but yes, the search box is out of whack now. Do you have a quick fix for that by any chance?

I’m not yet sure how it’ll look when I start filling those menus with titles/links, but I’ll deal with that when I start putting in content.

Cheers 🙂

[Arvind Chauhan Moderator Arvind ChauhanJoin date: September 2014Posts: 3835Downloads:74Uploads:92 Thanks: 1240 Thanked: 1334 times in 848 posts]

#351990

<em>@macout 189254 wrote:</em><blockquote>Thanks for your help there Arvind. Yes, the site was down – apparently some staffer at my host pressed the wrong button on one of their servers. Back online now.

Your assistance appears to have helped. The left menu is now at the width I was looking for I think, but yes, the search box is out of whack now. Do you have a quick fix for that by any chance?

I’m not yet sure how it’ll look when I start filling those menus with titles/links, but I’ll deal with that when I start putting in content.

Cheers :-)</blockquote>

Ok, take backup of your template.css file and do the following edits.

open Your_site/templates/ja_mesolite_ii/css/template.css

around line 558, see this code :

.ja-l1 .main {
background: url(../images/dot.gif) repeat-y 20% top;
}

Change the 20% to 23% (the value be same as you have edited in the /layouts/default.php earlier)

then : line 744


#ja-mainnav .main {
background: #333 url(../images/dot-dark.gif) repeat-y 20% top;


Change the 20% to 23%

then line 1098

<blockquote>#ja-footer .main {
background: #333 url(../images/dot-dark.gif) repeat-y 23% top;
}</blockquote>

Change the 20% to 23%

With this, adjust the other side :

line 1177

div.copyright {
width: 80%;
padding: 20px 0;
float: right;
}

Change width to 77%.

then line 1346

#ja-search {
float: left;
width: 20%;

change width to 23%

You would need to decrease or remove one of your top navigation menu item, orelse it will flow down.

This should set you up well.

Regards

Arvind

1 user says Thank You to Arvind Chauhan for this useful post

1. macout

[macout Friend macoutJoin date: March 2010Posts: 22Downloads:0Uploads:0 Thanks: 4]

#352025

Thanks mate – very much appreciated. That all worked out nicely 🙂

[Author]

Posts