How to move logo upward

[K!nG]

Hi guys,

I have a custom skin and all i need to do is move my logo upward because currently half of my logo is hidden. I have tried several codes from different threads, but none of them worked.

If someone can please visit my site HERE (http://www.deziforum.com) and help me moving it up. I will appreciate it.

Thanks.

[snakes1100]

remove the padding from the logo-image

.logo-image {
float: left;
clear: right;
min-height: 2em;
height: auto !important;
padding: 40px 0px 0px 0px;

make 40px to 0px

[nerbert]

You also need to make header middle taller


#header-middle {
height: 170px;
overflow: hidden;
clear: both;
background-attachment: scroll;
background-image: url(images/primus/sandy/misc/hm-bg.jpg);
background-repeat: repeat-x;
background-position: center top;
background-color: #87411F;
}

[K!nG]

remove the padding from the logo-image

.logo-image {
float: left;
clear: right;
min-height: 2em;
height: auto !important;
padding: 40px 0px 0px 0px;

make 40px to 0px

Sorry i'm not a pro, i couldn't find where to make this change. I was trying to look in additional.css template, but couldn't find it.

--------------- Added 1377968379 at 1377968379 ---------------

You also need to make header middle taller


#header-middle {
height: 170px;
overflow: hidden;
clear: both;
background-attachment: scroll;
background-image: url(images/primus/sandy/misc/hm-bg.jpg);
background-repeat: repeat-x;
background-position: center top;
background-color: #87411F;
}



Where can i find this please ? Thanks for the help in advance.

[Spangle]

In Firefox right click on the header, in the pop up menu click on "inspect element" a frame will open up at the bottom of the screen that will tell you where to look.

You can make changes in that screen, but they will not be saved.

In any case try additional CSS first in your theme templates

[K!nG]

I tried adding both in Additional Css template and nothing worked. Any idea where it goes ? If it has to be in additional css that i already tried & didn't work.

[ozzy47]

You can edit them in the correct CSS templates, do a search for
.logo-image {and then
#header-middle {

Then do the edits as described above.