How to configure the logo?

Can't seem to figure out how to configure the logo. I'm currently trying to use logo type - image - but the logo moves to the left. Can you please provide some assistance on how to fix this issue. URL, http://www.melbournebasketball.com.au/newsite/

Alternatively can you explain how to replace the existing logos on the template.

Thanks.

HI,
it because you logo is sooo biggg.
and that's why it request more CSS changes.

1) Right now it have 220px × 343px - start from reducing the hight of Logo image a little bit. Maybe 290px or even 250px, hmm
2) Set CSS logo in settings,
and replace templates/gk_events/images/logo.svg and logo.png
with yours images.

Then we talk more.

Thanks for the response. I've reduced the size of the image and still no success. I have also changed the logo image in templates/gk_events/images/ and logo.png but it still shows the template logo if I set it from CSS.

Hi. Can you please let me know how I can change the size of the logo so the svg file will fit? http://www.melbournebasketball.com.au/newsite/

Thanks.

Add this:

Code: Select all

#gkHeaderMod .cssLogo {
    height: 218px;
}

to fix logo on Beginning page.

Now question what kind of logo you want to use later. This original (big) is not ideal for this white menu.
Maybe you want to use only "Melbourne Tigers" name?


p.s.
Check my footer links also.

Thanks. Is is possible to have only the words for the white menu but have the image and words on the beginning page? Can I use a different .png file for the logo when it is on the white menu?

Code: Select all

Can I use a different .png file for the logo when it is on the white menu?

In Big Bang Theory all is possible.

Just upload such a smaller version of logo and add here it's full url then I will give you a full solution.

Not sure if this is what you were referring to but I've uploaded a smaller image to the media manager. The url is http://www.melbournebasketball.com.au/n ... rs.sml.png.

Thanks for your help.

Try this:

Code: Select all

.active #gkLogoSmall.cssLogo {
    background-image: url("http://i60.tinypic.com/2e1918w_th.png") !important;
}

only name from logo was used in this example,
but you can also use only tiger picture, of course with your own URL to image.

Thanks Oscar. I'm close but still have a small issue. The sizing for this image is messed up and I'm only getting half the words. Can you let me know what I need to fix this up? Thanks.

Try this instead:

Code: Select all

.active #gkLogoSmall.cssLogo {
    background-image: url("http://i60.tinypic.com/2e1918w_th.png") !important;
    background-size: contain;
    height: 67px !important;
    margin-top: 3px;
}

and result will be similar to that

p.s.
Long way before you and lot's of work must be done on this site, if still you keep this slow pace.
I guess at least next month or maybe more?
If you have budget for this project maybe I can help.