Changing placement of a logo image - Joomla! Forum - community, help and support

thanks on board, i've managed create website pre-school work at. i've been using template lt themes: http://ltheme.com/project/lt-school-fre ... -template/

there's been few changes i've managed make changing .css files there's 1 thing can't right , i'm hoping can point me in right direction.

the page here: http://www.mothergoosepreschool.co.uk/joomla

i logo this:

yesplease.png

but looks this:

current.png

it's aligning top of top of grey section (which white btw, changed better idea of what's going on) , having effect of pushing red bar further down (it's 1cm lower should be). can't resize image smaller, ideally need align top of page.

i've been using google inspector (?) , think need changing image class "sp-default-logo" nothing i'm doing having right effect.

websitelogoproblem.png

would able point me right direction of need change? need place image in different place i.e. "sp-top-bar" rather "sp-header"? need make image float somehow?

thanks in advance help!

(ps - please gentle, first time poster )

add following css code end of css file (templates/lt_school/css/template.css):

code: select all

#sp-header .sp-default-logo {
    display: block;
    margin-top: -1.8em;
}

you can try margin-top: -40px; em better responsive websites.