Help to move image up.

[bridge32]

Hello,
I used to have a live chat link in an area of my website, which i no longer use.
I have instead placed an image in the original place for our new freefone number.
The problem is, i cannot get it too move up so it is more central (there is a white gap above the image)
The code in question i have is in the includes/templates/my_template_design/common/tpl_main_page.php which is:

// global disable of column_left
$flag_disable_left = true;
}
if (!isset($flag_disable_left) || !$flag_disable_left) {
?>

<div id="navColumnOne" style="width: <?php echo COLUMN_WIDTH_LEFT; ?>">
<div id="livechat"><div align="center">
<img src="http://www.cakekraft.co.uk/images/freefone1.jpg" width="200" height="120">
</div>
</div>
<?php
/**
* prepares and displays left column sideboxes
*
*/

I have coloured the said part of code i placed in blue.
When you look at my site at www.cakekraft.co.uk you will see that in the top left i have placed this picture (of a phone) and there is this white part / area i wish the picture to be more central with.

I am looking at having it match the same height as the shipping logo on the right.
I think it may be the lovechat div that is causing the problem, but when i remove it, my site contents disappear.

Can anyone tell me where i am going wrong?

Many thanks
Nic

[haredo]

Your site made my sweet tooth dance. yummie ...

Find this:

includes/templates/cake2/css/stylesheet.css

Edith this below and Change the highlighted red font below to 0
#livechat {
height: 113px;
padding: 35px 0 0;
}

[bridge32]

ok, ill give it a go quickly, thanks.
Nic
P.s, you like cake then ;)

[haredo]

She will work perfect ...

Everyone loves cake ...

[bridge32]

ok, done that thank you.
but what would i need to add to that line to make the "purple category" bar to be inline with the "baking for children banner (on the right as it was before)
Thanks,
Nic

[bridge32]

It's ok, i am changing the height in the css file.
Thanks for your help.
Nic

[haredo]

Oh i see the alignment issue now ... The cake got me off track .... :)

#livechat {
height: 113px;
padding: 35px 0 0;
}

Change the highlighted red font above to something like this:
Notice the four values below ...
They correct the spacing from top, right, below, left ... In that order ...

Padding: 0px 0px 33px 0px;

[bridge32]

Thanks, but before you posted i changed the height from 113 to 147 and seems ok.
Cheers for you help at this time of night :)
Nic

[haredo]

Your most welcome and glad your delima is solved ...

Nice site ...