adjusting the logo position and gap below

Hi,

How can I adjust the logo position to be higher up? and also reduce the gap below?
I have attached a Screenshot of what I mean.

Thanks,

Hoi

Sorry but without seeing a live website it is impossible to help. As you probably know it is hard to check CSS on screenshot

Good point. My website is
Http://adventureand.me

Cheers

Also, do you happen to know what's the optimised dpi for the logo and it's width size?
The logo looks sharp, detailed and great when I upload a larger image when viewed with Google Chrome. But once I view the page with IE. The logo looks grainy and rasterised? Could this be a bug? At the moment I have to use a small image and it looks crap

Sure, a bug of a browser because the browser scales down/up the image not the template. Please add this code to override.css file in root/templates/gk_template_name/css directory :

Code: Select all

#gkPageTopBar > div { margin-bottom: 0 !important }
#gkPageLogo { margin-bottom: 0 !important }


and then just remember to enable "Use override CSS" option in template advanced settings tab.

cool thanks!

One more thing, I keep trying to adjust the logo size in the template.css... it doesn't seem to work. any thing I can apply in the override.css to allow me to change my logo size from 240px x 84px to whatever I want to?

I've checked your site and your logo size is already set to 240px wide - please look » screenshot

I mean't I know it is currently 240px wide and 84px height. If I want to change it to something else, for example. 250px x 100px. How can I do so?

Thanks.

Please add this code to override.css file in root/templates/gk_template_name/css directory :

Code: Select all

#gkLogo { width: [value]px; height: [value]px }


and then just remember to enable "Use override CSS" option in template advanced settings tab.