Logo size and positioning

Hello,
I'd like to make the logo on the header section of the homepage bigger than the one that appears on the menu. I'd also like to position it on the left of the page (same position as the smaller one that appears on the menu but still bigger).

I have tried inserting this code into the override.css but it doesn't have any effect:
#gk-logo-css-big {
height: 270px;
line-height: 270px;
width: 250px;
align: left;
}

Please note I am already using another override to control the vertical position of the logos:
#gk-header-nav.active #gk-logo,
#gk-header-nav.active #gk-logo-css,
#gk-header-nav.active #gk-logo-css-big {
top: 5px;
}

#gk-header-nav.active #gk-logo:hover,
#gk-header-nav.active #gk-logo-css:hover,
#gk-header-nav.active #gk-logo-css-big:hover {
top: 15px;
}

#gk-header-nav.static #gk-logo,
#gk-header-nav.static #gk-logo-css,
#gk-header-nav.static #gk-logo-css-big {
top: -2px;
}


The site is http://edinburgh.cakefest.org.uk

Many thanks,

James

Try to use the following code:

Code: Select all


.frontpage-block-wrap #gk-logo {
   height: 220px;
   margin-top: 20px;
   width: 250px;
   float: left;
}


Great, thank you