Top section hight, for making a big logo

Hi!

I would like if it's possible to change the height of top section, where the logo is placed. I would like to increase the height, for doing bigger the logo, or decrease the size of the main menu.

Also, If possible, I would like to change colors in the template for adjust with corporate color:

- the grey background to 818a8F
- Red tones to 822433 and C60C30

And another question .. have you some extension for twitter feeds?

I am using joomla 1.7, and installed last update of your template.

Thank you very much for your help.

Can a moderator move this topic to The World News 2 Section please as it is posted in wrong template forum.
-----------------------------------------------------------------------

Enable in joomla administrator> Template Manager > Advanced Features > CSS Override

Then edit templatesgwtn2cssoverride.css and add below codes

Changing the height - change 124 to anything you like e.g 180px

Code: Select all

/* Increase Logo Height */
#gkLogoWrap {
    min-height: 124px;
    position: relative;
}


Changing topmenu (color 822433)

Code: Select all

/* Top Menu Background Change */
#gkTopMenu {
    background: none repeat scroll 0 0 #822433;
    border-bottom: 1px solid #F93D1C;
    border-radius: 3px 3px 0 0;
    height: 37px;
    line-height: 37px;
}


Changing Background Colour - Note: This will override background logo picture behind logo

Code: Select all

/* Changing background colour */
html {
    background: #818A8F;
}


For changing main menu colour which is in your example C60C30 you need to edit the image which is in
If you are using "Style1"

Code: Select all

templates/gk_twn2/images/style1/menu_item.png


Good Luck...

Thank you very much!

I have made the changes and all is working fine and very nice!

You welcome...

But how to move the logo left and manipulate the size of the logo,i can not find it anywhere?

Thank you

You can use following css code in templates/gk_twn2/css/override.css file. Enable Css override feature from template setting > Advanced Settings > Css Override " On ".

Code: Select all

/* Moving logo container and logo image left handside, change height and width as you require*/
h1#gkLogo { position: absolute; height: 60px; width: 500px; }
h1#gkLogo a { height: 60px; width: 500px; }


If you are using a text logo you might need changes to css.

See you around...