Logo Position

Hello,

I have installed Corporate 2 for Joomla 2.5 on my localhost. I have a 450X110 logo and then I edit file at templates\gk_corporate2\css\template.css (line 61)

Code: Select all

 h1#gkLogo a img { display: block; height: 110px; margin: 0; width:450px; top: 0; left:0; }

I need to move that logo upper because right now the logo was on top of the other menu.

Looking forward to assistance and replies here.

Hi
Please give us link to your site. And for future please all template modifications add to override.css. It will avoid future issues when you will want to update template.

Hi Konrad M,

Thanks for your reply. As your advise, I was change it to override.css file. Currently the site is being developed on my localhost and I don't have webhosting yet.

Do you have any suggestion?

Hi,

This is my website address for your reference.

http://adudu.cloudaccess.net/

I've sent you PM about login credentials. Please check it.

Change code from override.css

Code: Select all

h1#gkLogo a img {
    display: block;
    height: 110px;
    left: 0;
    margin: 0;
    top: 0;
    width: 450px;
}


to this one

Code: Select all

h1#gkLogo a img {
    display: block;
    height: 110px;
    left: 0;
    margin: -60px 0 0;
    top: 0;
    width: 450px;
}


Hi Konrad M,

It works like a charm! Many thanks!

Great

I'm facing a problem with Image Show GK4 module (when publish it at header position). Please look at http://adudu.cloudaccess.net/.

This problem happen when I'm using the code you gave me earlier.

Please advice.

Remove erlier code and put this in to override.css

Code: Select all

#gkLogo {
    height: 110px;
}
h1#gkLogo a img {
margin:0;
}


It change my Logo smaller! Actual size is 450X110.

Give me your logo dimensions.

My logo dimension is 450x110.

add this to override.css

Code: Select all

#gkLogo a,
h1#gkLogo a img {
    height: 110px;
    width: 450px;
}


It doesn't work. Please see at http://adudu.cloudaccess.net/

Hi Konrad M,

Do you have any updates for me?

Try this

#gkLogo {
height: 110px;

}

h1#gkLogo a img {

margin: -65px 0 0;
}

It still doesn't work. Konrad M, you I've sent you PM about login credentials since 1st Mac, please check it. To save our time, I hope you can try first yourself.

Hi

Please use instead this code on override.css file:

Code: Select all

#gkLogo {width: 450px; height: 110px; margin-top: -65px }
#gkLogo img{width: 450px!important; height: 110px!important}


Hi Seichinha, thanks for this code. It works perfect for me.
Also thanks to Konrad M for helping me on this post.

Hi

I got Your mail, but I see it's solved already Sorry for being late.

I have the same problem, and use the CSS code provided in the CSS override and is not working.

I download the Template just recently so I don't know if the codes changes.

So I need to move the logo up.

http://popac.dev.edukgroup.net/

Regards,
Jose

Unfortunetly your link doesn't work.

I have the same problem, and use the CSS code provided in the CSS override and is not working.

I download the Template just recently so I don't know if the codes changes.

So I need to move the logo up.

http://popac.dev.edukgroup.net/

Regards,
Jose

Hi

I can see You've made it already with the code I adviced. Is there anything else I can help You with ?

Code: Select all

h1#gkLogo a.cssLogo {
    background: url("../images/logo.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 120px;
    left: 0;
    margin: 0;
    position: relative;
    text-indent: -999em;
    top: -65px;
    width: 150px;
    z-index: 1001;
}