Joomla Templates Club 406,261 posts

[sheps11 Friend sheps11Join date: August 2007Posts: 10Downloads:0Uploads:2 Thanks: 4]

#135778

Hi All

How do I go about changing the height of the ‘Top’ module?

I’ve the header images displayed but want to use an image that is only 59px in height, which at present this leaves a big white gap between the bottom of the image and the top of the mainbody.

Also – how can I align the logo and menu with the header images located in the ‘Top’ Module?

Many Thanks in advance

Sheps

---

Attachments:

1. 

[sheps11 Friend sheps11Join date: August 2007Posts: 10Downloads:0Uploads:2 Thanks: 4]

#280623

Sorry – answered my own question in regards to the height of the module.

For those that would like to reduce this module, open the template_css.css in notepad or a CSS editor and find the “Top Spotlight” section.

Within the #ja-topsl (line 1183) edit the option ‘height’ (line 1188) to the height that you require.

I’m still looking to see how to align the logo and menu – if anyone can help.

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#280624

sheps11;92649Also – how can I align the logo and menu with the header images located in the ‘Top’ Module?

Align how? More info please.

[sheps11 Friend sheps11Join date: August 2007Posts: 10Downloads:0Uploads:2 Thanks: 4]

#280625

Hi Scott

You’ll see from the attached image, that the logo and the menu have an indentation compared to the left hand side of the header image.

I’d like to align all of this up so that it is much neater.

If you can help – would be very much appreciated!

Thanks

Sheps

---

Attachments:

1. 

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#280626

template_css.css (line 1061)

#ja-mainnav {

bottom:0;
left:0;
padding:0 10px;
position:absolute;
}


change padding to padding: 0;

template_css.css (line 1033)…

#ja-header h1 {
background:transparent url(../images/logo.gif) no-repeat scroll 0 0;
height:58px;
left:15px;
margin:0;
padding:0;
position:absolute;
text-indent:-2000%;
top:5px;
width:240px;
}

change left to left: 0;

1 user says Thank You to scotty for this useful post

1. sheps11

[sheps11 Friend sheps11Join date: August 2007Posts: 10Downloads:0Uploads:2 Thanks: 4]

#280628

Scott

Thanks so much!

One final question – as you appear to be the ‘Guru’ on this template – how can I change the colour of the active menu tab?

As you can see I have the blue template selected and have gone through the template_css and cannot find any reference to this colour scheme.

Last question – I promise!

[sheps11 Friend sheps11Join date: August 2007Posts: 10Downloads:0Uploads:2 Thanks: 4]

#280629

Don’t panic

I found where to make the change – it was in the editor.css file line 45.

Thanks for your help

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#280630

Which menu option are you using?

[Author]

Posts