Joomla! Forum - community, help and support

Hi guys,

re milkyway template for joomla 1.0.13

is there a way to get the grey border at either side of the template to extend down to the bottom bar? It does so in "short pages" but when there is a lot of content, breaks appear on either side; (I'm using IE7). the original 1.5 template gas a continuous grey border. I would imagine that it is possible to get the border to auto-adjust to the length of the page, but how?

any suggestions would be very much appreciated!

PS I really am a noob, trying to learn. Help!

Hi all,

just found out the solution for myself. To sort out the probblem, you have to modify template_css - delete line 53 (height 100%) and voila!
hope this is of use!

Hi!

I have a problem with header. I changed its height to insert a 135px-height logo, but I cannot move the divider from its previous position downwards (see screenshot attached).

Can you help me, please?

I changed:

div#header_r {
height: 150px;
background: url(../images/mw_header_blue_t_r.png) 100% 0 no-repeat;
padding-left: 370px;
padding-right: 30px;
padding-top: 25px;
overflow: hidden;
text-align: left;
}
div#logo {
position: absolute;
left: 0;
top: 0;
float: left;
width: 400px;
height: 135px;
background: url(../images/mw_joomla_logo.png) 0 0 no-repeat;
margin-left: 30px;
margin-bottom: 15px;
margin-top: 25px;
}

I am having the same issue with changing the height. Does anyone have a solution?

Yes I need help with this also as I want to change the logo size to match my logo

Thanks,
Craig.

After wrestling with this same issue for several hours, I finally came up with a fix. It will require modifying the image files, but works great!
Here's what my site looks like now: http://vote4pete.com

My logo size is 450x112.

Open up the following image files from the corresponding background color folder in a graphics program(I used Fireworks) and modify the size as indicated:
mw_header_t.png
from 36x129 to 26x167
mw_header_t_l.png
from 37x115 to 37x150
mw_header_t_r.png
from 37x115 to 37x150

Upload the modified images to the site.
Open and edit the CSS file for your template color (i.e. blue_bg.css)
Add a line for height to each of the header tags as follows:

div#header {
background: url(../images/blue/mw_header_t.png) 100% 0 repeat-x;
height: 150px;
}

div#header_l {
background: url(../images/blue/mw_header_t_l.png) 0 0 no-repeat;
height: 150px;
}

div#header_r {
background: url(../images/blue/mw_header_t_r.png) 100% 0 no-repeat;
height: 150px;
}

Of course, you can modify all these dimensions as necessary to fit with your logo, but it should do the trick.

Thanks for the info on how to change logo size.
Will this method and the sizes you have changed only work with a header logo of the same size you used?
Craig.

I'm sure you could use the same method and adjust the sizes to reflect the size of your logo.

I just wanted to chime in and give my thanks as well to Chinaman. I really like the rhuk_milkyway theme and is the one that my site used. Because of components that I use not working well with 1.5 yet, I decided to convert my site to 1.0.x. So far the theme works great. All I have to do now is make modifications on Chinaman's version to reflect the modifications I originally had.

Hello all,
I am new to the wondeful world of Joomla! and thus also new to this great template and would like to thank you for the solution provided above.
I am also a relative noobe to css and php so bear with me. I do learn fats though.

I do have a lot of other questions but one / two stand(s) out right now.

There is a grey "frame" around the content "white box" merging with the header.
- I would love to get rid of that so that the "white box" with the columns and content "float".
Imagine the conten of this page floating on top of the background and you get what I mean.

I searched through the whole image fles and all the htmls and css files.

- I would like to move the top menu pillbox down so it too "floats".

Any idea would be greatly appreciated.

Cheers fintan

No one??

orpheus wrote:Hi guys,

re milkyway template for joomla 1.0.13

is there a way to get the grey border at either side of the template to extend down to the bottom bar? It does so in "short pages" but when there is a lot of content, breaks appear on either side; (I'm using IE7). the original 1.5 template gas a continuous grey border. I would imagine that it is possible to get the border to auto-adjust to the length of the page, but how?

any suggestions would be very much appreciated!

PS I really am a noob, trying to learn. Help!

Hi all,

just found out the solution for myself. To sort out the probblem, you have to modify template_css - delete line 53 (height 100%) and voila!
hope this is of use!

You star Thanks for putting the 100% fix on it worked great

hi, I am also nwe to Joomla and that was great info.

I have one more question though

I want to change the layout order on rhuk_milkyway template on Joomla 1.5

I want the order to be like that: content | left column | right column

(so basically remove the left column from the other side, on the left side of the right column.

I want to have a similar layout like this one: http://www.toprankblog.com/

Any help please?!!!

natwickham wrote:After wrestling with this same issue for several hours, I finally came up with a fix. It will require modifying the image files, but works great!
Here's what my site looks like now: http://vote4pete.com

My logo size is 450x112.

Open up the following image files from the corresponding background color folder in a graphics program(I used Fireworks) and modify the size as indicated:
mw_header_t.png
from 36x129 to 26x167
mw_header_t_l.png
from 37x115 to 37x150
mw_header_t_r.png
from 37x115 to 37x150

Upload the modified images to the site.
Open and edit the CSS file for your template color (i.e. blue_bg.css)
Add a line for height to each of the header tags as follows:

div#header {
background: url(../images/blue/mw_header_t.png) 100% 0 repeat-x;
height: 150px;
}

div#header_l {
background: url(../images/blue/mw_header_t_l.png) 0 0 no-repeat;
height: 150px;
}

div#header_r {
background: url(../images/blue/mw_header_t_r.png) 100% 0 no-repeat;
height: 150px;
}

Of course, you can modify all these dimensions as necessary to fit with your logo, but it should do the trick.

Absolutely brilliant! Thank you!

thank for template

natwickham wrote:After wrestling with this same issue for several hours, I finally came up with a fix. It will require modifying the image files, but works great!
Here's what my site looks like now: http://vote4pete.com

My logo size is 450x112.

Open up the following image files from the corresponding background color folder in a graphics program(I used Fireworks) and modify the size as indicated:
mw_header_t.png
from 36x129 to 26x167
mw_header_t_l.png
from 37x115 to 37x150
mw_header_t_r.png
from 37x115 to 37x150

Upload the modified images to the site.
Open and edit the CSS file for your template color (i.e. blue_bg.css)
Add a line for height to each of the header tags as follows:

div#header {
background: url(../images/blue/mw_header_t.png) 100% 0 repeat-x;
height: 150px;
}

div#header_l {
background: url(../images/blue/mw_header_t_l.png) 0 0 no-repeat;
height: 150px;
}

div#header_r {
background: url(../images/blue/mw_header_t_r.png) 100% 0 no-repeat;
height: 150px;
}

Of course, you can modify all these dimensions as necessary to fit with your logo, but it should do the trick.

This was brilliant, only now my sodding top menu buttons don't work. I tried altering the height + width of the header + logo files in the template.css, nothing. Anyone have any ideas?

URL is at www.hoandang.com

coleb wrote:
This was brilliant, only now my sodding top menu buttons don't work. I tried altering the height + width of the header + logo files in the template.css, nothing. Anyone have any ideas?

URL is at http://www.hoandang.com

Hi Coleb, what did you do to make it work?

I modified rhuk_milkyway with a logo that was 150px high, and I managed to circumvent the problem with the pillbox menus. An important point is that I did this on Joomla 1.5, not 1.0.1.1. However, I wanted to post the solution in case it could work for you. I only had to put "height" values in a few places. I specifically had problems with the pillbox menus when I had the height specified in too many places in the green_bg.css file. I managed to fix it as described here.

I hope this helps.

First, I edited the .png files as described by another poster.
mw_header_t.png was 129px high, now 192px high
mw_header_t_l.png was 115px high, now 171px high
mw_header_t.png was 115px high, now 171px high

Then, I changed the following .css files:

rhuk_milkyway/css/green_bg.css:
div#header {
background: url(../images/green/mw_header_t.png) 0 0 repeat-x;
height: 171px; /* ADDED THIS LINE */
}

rhuk_milkyway/css/template.css:
div#header_r {
/* height: 90px; */ /* CHANGED...*/
height: 150px; /* ...TO THIS */
padding-left: 370px;
padding-right: 30px;
padding-top: 25px;
overflow: hidden;
text-align: left;
}

div#logo {
position: absolute;
left: 0;
top: 0;
float: left;
/* Height and width are specifically of the image, and are required. */
/* I cropped the height a little to avoid touching the pillbox menus. */
width: 635px;
height: 140px;
background: url(../../../images/t30_header_short.jpg) 0 0 no-repeat;
/* OLD VALUES ARE SHOWN BELOW */
/* width: 298px; */
/* height: 75px; */
/* background: url(../images/mw_joomla_logo.png) 0 0 no-repeat; */
margin-left: 30px;
margin-top: 25px;
}

I'm not sure if any of what has been said helps with the issue I am having. For some reason in IE my left menu column has moved to the right and pushed the rest of the content down.
Here is the site:
egrlacrosse.com
It looks fine in FF and Safari. Any help would be much appreciated!

Nice looking site.

1. Please correct me if I am wrong, but your site does not seem to be using the rhuk_milkyway template. It looks to me like rhuk_solarflare. If so, I would like to recommend starting a new thread about that template.

2. I think you will find that your menus move around strangely when you increase or decrease the font size. Try that in IE and see what happens. I tried this experiment on your website, and that is what I witnessed. Some templates only look correct with certain font sizes. Solarflare is one of those. It may be easiest to try a different template that is written with more flexibility in the sizes and positions.

Sam, thank you! You are right about the template being solarflare - I'm not sure why I didn't catch that. I will try the font size thing and see if that does it.