Header Size Problem

[arthena]

Hi,

Can any one point me in the right direction please.

I am trying to write a new site and I cannot for the life of me find where I can alter the header as there is to much.

My test site is www.aitkenrus.co.uk/private/test

An help would be greatly appreciated.

Thanks in advance

Arthena

[balihr]

And what EXACTLY are you trying to change?

[Trinity14]

Arthena,

When using firefox, the most valuable tool for troubleshooting your new site is the Inspect Element tool. Right click on your screen, select inspect element, select the rectangle with the arrow icon then click the area you need more information on.

Hope that helps,

[arthena]

Hi Trinity,

Many thanks for that, But still cant see what need t change to make it smaller.

Kind regards

Arthena

[arthena]

Hi, Sorry I am trying to make the header smaller so the space between the logo and start of main page is smaller (closer together)

Many Thanks

Arthena

[Trinity14]

Can you provide us a link to your site? That would be helpful ;)

[balihr]

Hi, Sorry I am trying to make the header smaller so the space between the logo and start of main page is smaller (closer together)

How familiar are you with CSS? If you know the basics, this shouldn't be a problem.

First of all, I'd like to suggest something similar to Trinity's suggestion - use Firefox and install Firebug. Although most of the stuff can be used with the built-in Inspect Element, I'm sure you'll eventually realize that Firebug has better capabilities...

Anyway, to answer your question... You'll need to edit the following file:
includes/templates/westminster_new/css/stylesheet.css

Find line 62:

#logoWrapper {
}

and replace with:

#logoWrapper {
    display: block;
    float: right;
}

Next, find line 314:

#menu {
    float: left;
    margin-top: 20px;
    width: 100%;
}

and replace with:

#menu {
    float: left;
    margin-top: 20px;
}

This should do the trick and move the menu to the left of the logo.
Optionally, you can play even more and find line 78:

#top-middle {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 2px solid #DBDBCE;
    padding-bottom: 20px;
    width: 100%;
}

and just remove the padding.

Hope it helps...

[arthena]

Hi,

Many thanks for your help. Its much appreciated

Thanks for putting me on the right road to Zen Heaven.

Arthena

[arthena]

Hi, Many Many Thanks. Worked a treat.
Kind regards
Arthena

[arthena]

Hi Many thanks for all your help.

Is There any way to move the search box over to the right keeping the logo where it is on the right?

Am having a blond moment and lost my way.

Kind regards an respect.

Test site can be found at www.aitkenrus.co.uk/private/test
Arthena