The Joomla! Forum ™

Download

Demo


Board index » Joomla! Older Version Support » Joomla! 1.5 » Templates for Joomla! 1.5 » Default template: Milky Way in Joomla! 1.5

Forum rules


Please click here to view the forum rules



Post new topic Reply to topic  Page 1 of 1
  [ 8 posts ] 
  Print view Previous topic | Next topic 
Author Message
gulfcoastballet
 Post subject: Logo blocking Top Menu
PostPosted: Sat Jan 14, 2012 4:31 pm 
Joomla! Fledgling
Joomla! Fledgling

Joined: Sat Jan 14, 2012 4:28 pm
Posts: 4
I recently added another Top Menu item,(Shop Now) however, my logo is buried underneath my first Menu item(Home). Can anyone help me move or resize my logo up into the banner area.
http://www.gulfcoastballetsarasota.com
Thanks,

Steve
Top
 Profile  
 
Markstein
PostPosted: Sat Jan 14, 2012 6:29 pm 
Joomla! Hero
Joomla! Hero

Joined: Sat Feb 09, 2008 8:27 am
Posts: 2129
Location: California, USA
You will need to modify CSS and images to make the header area taller so that your logo fits properly.

You can use a tool called firebug which will show you the locations of the CSS controlling it as well as what images you will need to modify. There are some video tutorials on this page:

http://docs.joomla.org/Using_Firebug_Wi ... la_Website

You will need to disable your extension JCHOptimize while you do this so that you can see where the actual changes need to be made.

Mark
Top
 Profile  
 
gulfcoastballet
PostPosted: Sat Jan 14, 2012 6:44 pm 
Joomla! Fledgling
Joomla! Fledgling

Joined: Sat Jan 14, 2012 4:28 pm
Posts: 4
Thank you Mark. I have firebug and I've tried making the picture smaller and when I do, it cuts off part of the picture. I also tried expanding the header, but when I do it creates a white box around the entire field and does not look good at all. Just wondering what the easiest way around this is. Maybe I'll make the image smaller than 163x162 px and re-upload it and then change the css settings to allow for the smaller picture. Still working, I'll let everyone know if this works.
Top
 Profile  
 
Markstein
PostPosted: Sat Jan 14, 2012 7:18 pm 
Joomla! Hero
Joomla! Hero

Joined: Sat Feb 09, 2008 8:27 am
Posts: 2129
Location: California, USA
Quote:
but when I do it creates a white box around the entire field and does not look good at all.


That's why you need to modify the images. ;)

Mark
Top
 Profile  
 
gulfcoastballet
PostPosted: Sat Jan 14, 2012 7:39 pm 
Joomla! Fledgling
Joomla! Fledgling

Joined: Sat Jan 14, 2012 4:28 pm
Posts: 4
I reduced the size to 90px x 89px to fit in the header, however the logo is too small now. I tried to make the height taller in the header to keep the old picture, but it breaks up the white border around the header field when I do this. Any way to make the white border continue when I expand the header box?
Top
 Profile  
 
Markstein
PostPosted: Sat Jan 14, 2012 7:48 pm 
Joomla! Hero
Joomla! Hero

Joined: Sat Feb 09, 2008 8:27 am
Posts: 2129
Location: California, USA
As I have mentioned already, you will need to modify the images. Take a look at header_l and header_r in firebug which gives you the image locations.

Mark
Top
 Profile  
 
gulfcoastballet
PostPosted: Sat Jan 14, 2012 8:27 pm 
Joomla! Fledgling
Joomla! Fledgling

Joined: Sat Jan 14, 2012 4:28 pm
Posts: 4
Not seeing _l header. Also when I change the px sizes in the css code in Milkyway css template css, then hit apply and save they are not changing the sizes. Cleaned out cache and purged expired cache. Sorry for so many questions, just not getting it to work.

I just moved the pill buttons over to the right by lowering the amount of buffer and this worked fine. But when I turned my JCHOptimize back on everything went back to the original settings?

Answer, cleaned cache in JCH Optimize. I can live with the new changes. Thanks for your help,

Steve
Top
 Profile  
 
drjumba
PostPosted: Mon Feb 20, 2012 12:09 pm 
Joomla! Apprentice
Joomla! Apprentice

Joined: Thu Feb 09, 2012 7:35 am
Posts: 28
Location: Durban , Ladysmith
go to your template.css and create this style
Code:
div#header_r {
    background: url("/templates/rhuk_milkyway/images/black/mw_header_t_r.png") no-repeat scroll 100% 0 transparent;
}
jscss....ype=css (line 1095)
div#header_r {
    height: 165px;
    overflow: hidden;
    padding-left: 370px;
    padding-right: 30px;
    padding-top: 25px;
    text-align: left;

_________________
http://drjumba.co.za
Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  Page 1 of 1
  [ 8 posts ] 


Board index » Joomla! Older Version Support » Joomla! 1.5 » Templates for Joomla! 1.5 » Default template: Milky Way in Joomla! 1.5

Who is online

Users browsing this forum: No registered users and 6 guests

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Jump to:  
Powered by phpBB® Forum Software © phpBB Group